CoffeeOS - a Catppuccin Mocha-themed, Hyprland-inspired WebOS

CoffeeOS — Dev Log #2: Windows
this was the foundation everything else depends on, so it took a bit longer to get right.
The Window Manager
Built out createWindow(), a function that spins up a new app window anywhere on the desktop: rounded corners, glass-style title bar with the classic traffic-light buttons, an icon, a title, and whatever content I throw at it. Windows cascade slightly when opened so they don’t all stack in the exact same spot.

Drag — click and hold the title bar, move it anywhere
Close — red button kills the window and removes it from the dock
Minimize — yellow button tucks it away into the dock tray, click the icon to bring it back
Maximize — green button toggles fullscreen, remembers the old size/position so un-maximizing snaps it back
Focus — clicking a window brings it to the front

The Dock
Added a bottom dock — glass panel with blur, pinned app launchers on the left, a little divider, and a tray on the right for minimized windows. Feels properly desktop-like now.

CoffeeOS - Dev Log #1: Boot Splash, Desktop & Widgets CoffeeOS
Started building CoffeeOS a Hyprland-inspired desktop OS that lives entirely in the browser, themed around coffee and Catppuccin Mocha.
First thing anyone sees is the boot screen. I designed a custom coffee-cup logo as an SVG a rounded square with a mauve-to-peach gradient outline, a cup with steam wisps rising off it. Gave it a slow floating animation.
Below the logo: “CoffeeOS” title, a “Brewing your desktop…” message with animated dots, and a progress bar that fills with the same gradient.
Once the splash fades out, the desktop fades in with a radial gradient background gives it that moody Hyprland aesthetic without being flat.