PixelOS
By
@Praknoor
- 4 Devlogs
- 3 Total hours
This is my very own OS that can be run in the web!
Ship #2
PixelOS β Session Recap π£
Big update across the board:
- Notepad β Save As dialog with VFS directory browser + overwrite warning
- Glass Diary β complete redesign: lined paper background, Cedarville Cursive font, auto-saves to ~/Diary/YYYY-MM-DD.txt, calendar popup to browse entries by date
- Timer β countdown fixed (was a rogue resetTimer() bug), custom hr:min:sec inputs, centisecond display
- Pixel Editor β save/load .pxl files to VFS
- Terminal β fixed text shrinking when output fills the window
- Snake β high-score notification
- Top bar β overhauled: running-app taskbar with click-to-focus, SVG bell + theme icons, blinking colon clock, cleaner glass look
- General β all apps start closed, desktop icons removed (dock only), taskbar shows open apps
Next up: more polish, more apps, more surprises.
PixelOS Updates
- Notifications system
- Terminal
- Notepad β Save As dialog with file browser + overwrite warning
- Glass Diary β Paper styling, cursive font, auto-save, calendar to browse entries by date
- Timer β Countdown fixed, custom hr:min:sec inputs
- Pixel Editor β Save/Load .pxl files to VFS
- Snake β High score notification
More coming soon π£
Ship #1
PixelOS β os in da browser bruh
wat i made: a whole desktop os that runs in ur browser. terminal boot, windows u can drag n resize, dock, desktop icons, 6 apps (wikipedia, calculator wit sin/cos/tan/log/factorial, pixel art editor, lofi radio, spotify, clock/calendar), plus customize EVERYTHING β colors, blur, rain effects, sparkles, pixel cursors. zero frameworks, zero npm, just raw html/css/js. one file each.
wat was hard: flood fill in the pixel editor. had to write my own bfs from scratch cuz canvas dont do that. also making glassmorphism + pixel art not look like garbage took way too many tries.
wat im proud of: literally every pixel of this thing is hand-coded. no node_modules folder, no build script, no "npm install" β just open and it goes brr. 1500 lines of pure js.
Final updates:
- Added terminal-style boot screen
- Refined calculator with expression input + scientific mode (sin, cos, tan, log, sqrt, factorial)
PixelOS comes with 6 apps: a Wikipedia API viewer that lets you search and read articles inside the desktop, a Calculator, a Pixel Art Editor with 16Γ16 grid and PNG export, a Lo-Fi Cafe with direct audio streams, a Glass Diary for writing with export support, and desktop widgets (analog clock + live calendar). Every app is fully draggable, resizable, and works inside the glass window system.
Built PixelOS with just HTML, CSS, and JavaScript β no frameworks, no build tools, no dependencies. Inspired by old-school Windows desktops mixed with retro pixel art. I wanted to prove you can make something that looks premium with vanilla code.
