Open Source · Vanilla JS · Zero Dependencies

Your Desktop. In the Browser.

WebOS 12 is a high-performance, browser-based desktop environment featuring a glassmorphism aesthetic, virtualized file system, and native PWA integration.

Launch Live Demo Star on GitHub
webos-12.onrender.com
Files
Notepad
Terminal
Paint
script.js — WebOS 12
// WebOS 12 · App Registry
const APPS = {
  explorer: { name:'Files', icon:'lucide-folder' },
  terminal: { name:'Terminal', pinned:true },
  browser: { name:'Browser', pinned:true },
};
function openWindow(appId) {
  const win = createWindow(appId);
  win.animate(WindowOpenAnim);
}
Terminal
C:\Users\Wayne> node server.js
✓ WebOS 12 running on port 3000
→ PWA service worker active
→ File system mounted
C:\Users\Wayne> ▌
12:00 PM
68+
Git Commits
15+
Built-in Apps
0
Dependencies
PWA
Installable Offline
MIT
Open Source
Why WebOS 12

Desktop power.
Zero install.

Built entirely with HTML, CSS, and Vanilla JavaScript — no frameworks, no bundlers. Just open a URL and you're home.

Full Window System

Drag, resize, snap, minimize, maximize, and alt-tab between windows — exactly like a real OS. Eight directional resize handles included.

Glassmorphism UI

Dynamic backdrop-filter effects, animated orbs, light & dark themes, custom accent colors, and wallpaper selection baked in.

Virtual File System

A complete in-browser file system with folders, drag-and-drop upload, list and grid views, and a recycle bin with restore support.

PWA Ready

Install directly to your device as a Progressive Web App. Works offline with service worker caching — no app store required.

Extensible Apps

Add custom apps in three steps: register in APPS, add a case to renderApp, write your render function. The architecture is open.

Deep Theming

CSS custom properties power every visual — swap accent colors, dark/light mode, wallpapers, and the whole OS repaints instantly.

Built-in Applications

Everything you need,
already installed.

WebOS 12 ships with a suite of polished native apps — no downloads, no setup.

Notepad
Text Editor
File Explorer
File Manager
Terminal
Command Line
Calculator
Math Utility
Browser
Web View
Paint
Canvas Editor
Settings
System Config
Music
Radio Player
Recycle Bin
File Recovery
Chat
Communication
Clock
Time Management
Gallery
Image Viewer
Mail
Communication
Videos
Media Player
Weather
Realtime Data
Task Manager
Resource Management
Calendar
Time Management
Get Started

Up and running
in 60 seconds.

Three ways to experience WebOS 12 — pick what works for you.

01
Live Demo

No setup at all. Hit the link, start using your new browser desktop instantly.

Open Now →
02
Clone & Run Locally

Needs Node.js for the local server (required for Service Workers). Three commands and you're done.

git clone https://github.com/itiswayneee/WebOS-12
npm install && npm start
03
Installation

Visit the live site, then click the install button in your browser's address bar. Works offline too. OR..

Download .exe →
Customize

Make it yours.

Preview wallpapers and themes available in WebOS 12.

Wallpapers

Accent Colors

FAQ

Common questions,
answered.

How is this different from other web desktops?
WebOS 12 is built entirely with vanilla JavaScript — no frameworks, no bundlers, zero dependencies. This means it's incredibly lightweight, fast, and easy to understand or extend.
Can I customize the appearance?
Yes! WebOS 12 includes a full settings app where you can change wallpapers, accent colors, and toggle between light and dark themes. Everything is powered by CSS custom properties.
Does it work offline?
When installed as a PWA, yes. Service workers cache all assets for offline use. However, some features like the browser app require an internet connection.
How do I add my own apps?
Add apps in three simple steps: register it in the APPS object, add a render case in the switch statement, and write your render function. The architecture is fully open and documented.
Is my data saved anywhere?
All data is stored locally in your browser using localStorage and IndexedDB. Nothing is sent to any server — your files and settings stay on your device.
Can I download a .exe
Yes, you can download a .exe file for Windows users from github releases.

Ready to move in?

Star the repo, try the live demo, or fork it and make it yours. Built with ❤️ by Wayne.

Launch WebOS 12 View Source