FluxOS

A Windows 11-inspired web-based desktop environment built entirely with HTML, CSS, and JavaScript.

Features

Desktop Environment

• Windows 11 Fluent Design — dark theme with proper Segoe UI typography, rounded corners, and flat surfaces
• Centered taskbar with pinned app icons, system tray (Wi-Fi, volume, battery), and live clock
• Start menu with search filtering, pinned apps grid, and recommended files section
• Right-click context menu on the desktop
• Draggable, resizable windows with minimize, maximize, and close controls
• Window focus management with z-ordering and taskbar indicators

Apps

App	Description
File Explorer	Sidebar navigation, toolbar, and folder/drive grid
Microsoft Edge	Address bar with live URL loading via iframe
Notepad	Full text editor with localStorage persistence and live Ln/Col counter
Calculator	Fully functional standard calculator with all basic operations
Windows Terminal	Interactive PowerShell simulation (dir, whoami, ipconfig, echo, etc.)
Settings	Windows 11 Settings layout with sidebar categories and detail rows
Microsoft Store	App catalog with sidebar navigation

System Features

• Quick Settings panel — Wi-Fi, Bluetooth, Airplane mode, Battery saver, Night light, Hotspot toggles
• Night light — warm overlay filter toggled from Quick Settings
• Brightness slider — real-time screen brightness control
• Volume slider in Quick Settings
• Notification Center with dismissible notification cards
• Lock screen with clock, date, and password login

Getting Started

1. Clone the repository:

   git clone https://github.com/criminas/FluxOS.git
   cd FluxOS

2. Open index.html in your browser — this loads the lock screen.

3. Click anywhere to dismiss the lock screen, then enter the password: 1977

4. You're now on the FluxOS desktop. Double-click icons or use the Start menu to open apps.

File Structure

FluxOS/
├── index.html      # Lock screen & login page
├── login.css       # Lock screen styles
├── os.html         # Main desktop environment
├── wallpaper.jpg   # Desktop wallpaper
└── README.md

Tech Stack

• HTML5 — structure and layout
• CSS3 — Windows 11 dark theme, Fluent Design styling
• Vanilla JavaScript — window management, app logic, system features
• Font Awesome 6.5 — all icons throughout the UI

Keyboard Shortcuts

Shortcut	Action
Esc	Close open popups (Start menu, Quick Settings, Notifications)

License

This project is open source. Feel free to fork and customize it.