WebOS

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 multimedia viewer. This operating system was made in submission of the Hackclub WebOs project.

Key Features

  • Advanced Window Management Engine: 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.
  • Multimedia Spawner (Photos App): Single-click preview capability within the primary photo viewer. Double-click event listener that creates separate picture windows.
More information
Published 20 days ago
StatusIn development
PlatformsHTML5
Authorlima6
ContentNo generative AI was used