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

KlassicOS

  • 17 Devlogs
  • 10 Total hours

A web-based Operating System that recreates the classic look and feel of KDE 1.0. KlassicOS is build with HTML, CSS, and vanilla JavaScript.

Ship #2

KlassicOS is a web-based OS that recreates the KDE 1.0 desktop experience directly in the browser.

Using a VM to experience old OS is heavy, and most "Web OS" projects rely on "bloated" modern frameworks like React.
I wanted to bring back the look of early Linux without all the VM things.

I built the entire system from scratch using pure HTML, CSS, and Vanilla JavaScript, bundled with Vite (to publish it on Vercel & for dev) .

I coded a custom DOM-based window manager to handle dragging, resizing, and z-index stacking with classic 3D borders.

To make it authentic, I added an AMIBIOS boot sequence + a real-time RAM check and SVG Energy Star logo.

I also designed a modular app registry to manage and launch the system's built-in software.

This includes functional recreations of KCalc, KWrite, and a custom Netscape Navigator.

It even features Konsole, a working bash-like terminal emulator inspired by my bare-metal OS project, NoxOS.

Everything runs entirely client-side, keeping the architecture as snappy and lightweight like the 90s systems.

  • 4 devlogs
  • 3h
  • 18.98x multiplier
  • 51 Stardust
  • WebOS 2
Try project → See source code →
Ship #1

I've make web-based Operating System (OS) that recreates the classic look and feel of KDE 1.0. KlassicOS is build with HTML, CSS, and vanilla JavaScript. The difficult part of this project was finding idea off apps I can include and the Window Management. In this os there is 4 main application, KWrite to write some text, Konsole the terminal, Netscape Navigator the browser and System Info who just print the project info :-)

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

39m 59s logged

Just move the task bar to the top like the real KDE 1.0. Now the Netscape browser work (can browse button actually do things)

0
0
2
Open comments for this post

1h 12m 59s logged

Just add Netscape Navigator. I’ve recreated all of the ui element in pure js + css combo ! Now i just need to add an iframe to display actual webpages.

0
0
4
Open comments for this post

17m 5s logged

I just add an invisible change, now the apps are in differents files. So the whole “OS” logic is in 216 lines of JS 😂

1
0
19

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…