You are browsing as a guest. Sign up (or log in) to start making projects!

kOS

  • 5 Devlogs
  • 6 Total hours

This is my very own OS that can be run in the web!

Ship #2

I built kOS a web based operating system that runs entirely in the browser using HTML, CSS, and JavaScript. It has a boot screen, login system, draggable windows, a terminal, calculator, notes, weather app, aboutme app and settings. The most challenging parts were making the boot screen and the login system. I spent a lot of time learning how to build these features and used resources such as W3Schools and the DEV Community to better understand the concepts and solve problems I encountered.

  • 1 devlog
  • 2h
  • 3.55x multiplier
  • 9 Stardust
  • WebOS 2
Try project → See source code →
Ship #1

kOS is a browser-based desktop environment I built using only HTML, CSS, and vanilla JavaScript. It simulates a lightweight operating system inside the browser with a custom window system and multiple apps like Notes, Weather, About Me, and a Calculator. My goal with this project was to explore how far I could push a desktop-like experience using only frontend technologies, without any frameworks or backend.One of the hardest parts for me was designing a consistent window system that works across all apps and keeps everything stable while still being interactive. I also struggled a bit with drag behavior, window positioning, and making sure different apps don’t break the overall layout. Working through those issues helped me understand DOM manipulation, event handling, and frontend structure much better.Overall, this project is a small OS simulation that runs entirely in the browser and reflects my progress in UI design, JavaScript logic, and building interactive systems.

Try project → See source code →
Open comments for this post

2h 25m 52s logged

Today I built the first major UI system for the kOS project. The goal wasn’t just to create a simple webpage, but to design something that feels like a real operating system interface.
Right now, the system has a draggable window. It can be opened and closed, and it starts centered on the screen. There is also a top bar with a live clock that updates in real time.
The UI has been redesigned using a glassmorphism style. Both the top bar and the window header are transparent with blur effects, so the background is visible through them. This gives the whole interface a more modern OS-like feel.
The close button is a simple red X and it works properly. The open/close system is stable, and the window resets its position when reopened.
Next steps will likely include a taskbar, multiple window support, and a desktop icon system to turn this into a more complete web-based OS experience.

0
0
11

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…