How nievacode-dev/windows-11-html works
Windows 11 Web Experience is a browser-based desktop-shell recreation. The main user flow begins at the lock screen, enters the desktop, and opens applications through shell launch surfaces; the window engine then manages their interactive windows and taskbar presence. The README also documents search, widgets, quick settings, context-menu file creation, snapping, built-in apps, and system guards. Several of those features are documented but their implementation was not sampled, so their wiring is shown only where the available evidence supports it.
Main entry points: window-mode.js Window Engine · main.js Desktop Shell · settings.js Settings · copy-and-paste.js Lock Screen
Components 21
Desktop Shell
- Lock Screen
js/copy-and-paste.js - Desktop Shell
main.js - Start & Search
main.js - Desktop Icons
js/desktop-icons.js - Widgets & Quick Settings
index.html - Desktop Context Menu
main.js
Window Management
- Window Engine
js/window-mode.js - Universal Dragging
js/universal-drag.js - Snap & Assist
js/window-mode.js - Taskbar & Previews
js/window-mode.js
Built-in Apps
- Terminal
js/cmd.js - Virtual Filesystem
js/cmd.js - Task Manager
js/task-manager.js - Settings
js/settings.js - Microsoft Edge
index.html - Run & About
index.html - Power Dialogs
main.js
System Experience
- System Guards
index.html - Theme Preference
js/settings.js
Other components
- User
- Browser Runtime
Connections 24
- User → Lock Screen: swipes to unlock
- Lock Screen → Desktop Shell: unlocks
- User → Desktop Shell: interacts with
- Desktop Shell → Start & Search: opens
- Desktop Shell → Desktop Icons: manages icons
- Desktop Shell → Widgets & Quick Settings: opens panels
- Desktop Shell → Desktop Context Menu: opens menu
- Start & Search → Window Engine: launches apps
- Desktop Context Menu → Window Engine: opens app window
- Desktop Icons → Window Engine: opens app window
- Window Engine → Taskbar & Previews: updates taskbar
- Window Engine → Snap & Assist: manages snapping
- Universal Dragging → Window Engine: drags windows
- Window Engine → Terminal: hosts window
- Window Engine → Task Manager: hosts window
- Window Engine → Settings: hosts window
- Window Engine → Microsoft Edge: hosts window
- Window Engine → Run & About: hosts dialogs
- Window Engine → Power Dialogs: hosts dialogs
- Terminal → Virtual Filesystem: reads and modifies
- Settings → Theme Preference: reads and writes
- Settings → Browser Runtime: updates page theme
- User → System Guards: encounters
- User → Power Dialogs: chooses power action