VS Code Extensions
Digital Mirror Dev

Digital Mirror Dev

by Omar-Abdulaziz-ALBtraa

Digital Mirror Dev is a VS Code extension that syncs with your public IP to reflect real-time location and weather through animated workspaces, adaptive code glow, contextual greetings, and customizable themes.

Downloads

17

Rating

5.0 / 5 (1)

Version

1.0.1

Last updated

Apr 07, 2026

A real-time Digital Twin of your world, right inside VS Code.

Created by Eng. Omar Abdulaziz AL-Btra'a, Digital Mirror Dev transforms your static coding environment into a living, breathing workspace that reflects your actual surroundings.


🚀 The Vision

Coding is an immersive experience. Why should your editor feel disconnected from the world outside? Digital Mirror Dev syncs with your public IP to detect your location and real-time weather, then projects those conditions into your workspace through elegant animations and adaptive design.

✨ Key Features

🖼️ Living Workspace

Whether it's a rainy afternoon in London or a bright sunny morning in Sana'a, your editor reflects it. Experience rain, snow, clouds, and day/night cycles through a high-performance Glassmorphism Sidebar & Panel.

🌟 Aesthetic Code Glow

Your code reacts to the weather! Keywords like function, class, and const will subtly glow with colors matching the current atmosphere:

  • Sunny Day: Warm golden highlights.
  • Rainy Night: Cool, deep blue ambient glow.
  • Snowy Morning: Crisp, clean white-cyan mist.

💬 Contextual Greetings

Receive smart, welcoming messages tailored to your time and place. "Good evening! It's a peaceful starry night in Sana'a. Happy coding! ✨"

🎯 Always-On Integration

Designed for focus. Move the Mirror to the Bottom Panel (next to the Terminal) or the Secondary Sidebar (on the right) to keep it visible without ever interrupting your code.


🛠️ Getting Started

  1. Install the extension.
  2. Auto-Launch: The extension will automatically open in the Bottom Panel upon installation.
  3. Manual Start: You can also open it by clicking the Location Icon in the Activity Bar or by running the command Digital Mirror: Start.
  4. Placement: For the best experience, we recommend keeping it in the Bottom Panel or dragging it to the Right Sidebar.

⚙️ Configuration

Customize your experience through VS Code Settings:

  • digitalMirror.refreshInterval: Control how often logic syncs with the world.
  • digitalMirror.enableAnimations: Toggle the visual canvas engine.
  • digitalMirror.enableAutoTheme: Let the extension suggest themes that match the weather.

👨‍💻 About the Developer

Digital Mirror Dev is engineered with passion by Eng. Omar Abdulaziz AL-Btra'a. Focused on creating premium, immersive tools that bridge the gap between technology and the real world.


Follow the rhythm of the world while you craft the code of the future.