Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Digital Mirror DevNew to Visual Studio Code? Get it now.
Digital Mirror Dev

Digital Mirror Dev

Omar Abdulaziz AL-Btra'a

|
4 installs
| (1) | Free
A real-time Digital Twin of your world. Reflects live weather, time, and environment into your VS Code workspace with immersive animations and code glow effects. Created by Eng. Omar Abdulaziz AL-Btra'a.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Digital Mirror Dev 🌍✨

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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft