A lightweight, interactive and simplistic web operating system environment built entirely with vanilla HTML, CSS, and JavaScript. This project simulates a desktop interface featuring draggable windows, dynamic theme personalization and an expandable photos app. This operating system was made in submission of the Hackclub WebOs project.
- Window Management: Fully draggable application windows with boundary clamping to prevent windows from escaping the viewport bounds. Features a dynamic layering system that moves active windows to the front on click.
- Customisation: 9 distinct selectable accent themes, as well as live-updating text input that modifies the operating system branding in the taskbar.
- Dark Mode: A unified dark mode toggle that dynamically applies a overlay to tint and dim active theme wallpaper backgrounds without hardcoding separate color tables.
- Photos App: Single-click preview capability within the primary photo viewer. Double-click event listener that creates separate picture windows.
index.htmlstyles.cssscript.js
Since this project runs entirely on vanilla HTML, it should require zero external dependencies, compilation steps, or build configurations.
- Clone or download the repository directory to your local device.
- Ensure your file directory contains the required asset mappings, Ex:
/Images/Placeholder1.png,/Images/Placeholder2.png,/Images/Placeholder3.png - Double-click
index.htmlto launch the operating system environment instantly in any modern web browser.