WebOS 2 Devlog #1: Transitioning into an actual OS.

The WebOS 2 mission just unlocked so all the time before i spent working on this overhaul, hence the 13 hour devlog.

In the last devlog, i had a very basic beginning: a basic onboarding screen with some text and a “Continue” button. There was no actualy proper desktop, not that many apps, and definitely no File Explorer.

Over the last 13 hours, I managed to change the project into a fully functioning, browser-based operating system with its own virtual file system, and app ecosystem. Here is a breakdown of everything that was built in this time. Since i made a lot of changes, i’ll keep it brief and won’t go into it too much:

• The Window & Desktop Engine: the core physics of the OS were built completely from scratch.

• Drag and Drop: Windows can be dragged freely but are strictly clamped to the viewport so they can never be lost off-screen.

• Window Controls: remade the full Minimize, Maximize, and Close logic.

• Animations: Implemented a requestAnimationFrame state machine so windows don’t just appear—they like animate and scale and fade out into the taskbar.

• Desktop Grid: Desktop icons are draggable and auto-snap to an invisible grid when released.

• File System (File Manager): Going from zero file management to a complete virtual system was perhaps the biggest change. It is powered by localStorage, and the OS now remembers everything:

• Dynamic File Explorer: Built a grid/list view system complete with a sidebar, path breadcrumbs, and directory navigation.

• Context Menus: Right-clicking files now opens custom context menus to rename, delete, or restore items.

• Recycle Bin: Files are moved to a functional Trash directory where they can be permanently emptied or restored to the Root folder.

• Drag-and-Select: made a custom mouse-drag selection box (the translucent pink lasso) to highlight multiple files at once.

• App Ecosystem:

• Themes: I built a dynamic theme engine with two main themes.

• Modern Dark: The default OS features premium glassmorphism, background blurs, and other stuff, and has like a pink accent color.

• Retro: It changes the OS back to what it looked like in like 1995 by replacing animations and toggles with grey borders, checkboxes, and the blue desktop background.

• The New Welcome Screen: That old, basic onboarding screen looked ass so it was completely scrapped. I replaced it with a better and cleaner on that also remembers their preference if they check “Don’t show this on startup.”