---
title: "Console Overlay V1 — Free Framer component · Best of Framer"
description: "Free Framer component · by Sarib Khan · Interactive. This component is just a light weight overlay that can be placed anywhere in your website, perfect to give it a hacker or gaming like vibe."
canonical: "https://framer.elliotli.dev/component/console-overlay-v1"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Console Overlay V1

# Console Overlay V1

[View on Framer](https://framer.com/marketplace/components/console-overlay-v1/?via=elliot-li)

![Console Overlay V1 preview image 1](https://framer.elliotli.dev/og/component/console-overlay-v1/6e78c1793bcc87db/1600x1200.jpg)

## Summary

This component is just a light weight overlay that can be placed anywhere in your website, perfect to give it a hacker or gaming like vibe.

## Description

This component is just a light weight overlay that can be placed anywhere in your website, perfect to give it a hacker or gaming like vibe.

Just copy the component, pate it inside your Framer canvas, adjust the position using "Fixed" type and corner coordinates to define position.

There are different values you can showcase, such as Mouse position as X and Y coordinates, Velocity, Time, Battery and Screen resolution.

You can customize the theme, size, and appearance using by playing around with the following values as shown in the image below

![Img 1. Property panel of the component](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zzj8mopc-Dx4YQEJjGpEZ0xUXb0H26PNCLB99YC)Img 1. Property panel of the component

The component is fully ready to use, you just need to paste it and position it using "Fixed" type.

Enjoy.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6915

## Details

- **Author**: Sarib Khan
- **Published**: 2025-11-10
- **Updated**: 2025-11-10
- **Added**: 2025-11-01
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase