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

My very own WebOS

  • 3 Devlogs
  • 3 Total hours

Mountain OS is a web-based desktop operating system built with HTML, CSS, including a paint app, a snake game, a terminal, and an AI chat assistant. It uses the Web Audio API for sound effects and the Groq API to power a built-in AI , all styled with a scenic alpine theme and a macOS lookalike

Ship #1

Mountain OS is a custom website that looks and works just like a computer desktop. It was built from scratch using HTML, CSS, and JavaScript.

Here is what you can do inside it:

Move Windows: You can drag multiple see-through ("glass-style") windows around your screen.

Use Apps: It has a drawing paint app and a classic Snake game.

Run Commands: You can type text commands into a terminal to see system details or cool visual effects.

Chat with AI: It has a built-in AI helper powered by the Groq API.

No Password Needed: Just click the arrow on the lock screen to enter and explore.

Key Highlights
The Hardest Challenge: Getting the windows to drag smoothly on every web browser. The fix was using code that tracks the exact pixel position (getBoundingClientRect) and locking the window placement (position: fixed).

Best Features: The built-in AI assistant and a custom audio tool that plays a musical chord right when the system turns on.

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

18m 2s logged

Completely changed to the themes, debugged the entire thing. Added a new AI window to learn more about the OS. Powered by GROQ

Completely changed to the themes, debugged the entire thing. Added a new AI window to learn more about the OS. Powered by GROQ

Replying to @sandeep

0
3
Open comments for this post

27m 50s logged

I completely changed it from a basic, boring theme into something creatively themed, such as a mountain with multiple different themes, and a sleeker look similar to Apple’s Mac-looking browser tabs.

I completely changed it from a basic, boring theme into something creatively themed, such as a mountain with multiple different themes, and a sleeker look similar to Apple’s Mac-looking browser tabs.

Replying to @sandeep

1
2
Open comments for this post

1h 47m 29s logged

I made the theme in essential elements, but I’m currently working on changing the theme from something modern to something more scenic and changing the name from walky os to Mountain OS, make it more mountain-themed and put nice scenic images.

I made the theme in essential elements, but I’m currently working on changing the theme from something modern to something more scenic and changing the name from walky os to Mountain OS, make it more mountain-themed and put nice scenic images.

Replying to @sandeep

0
2

Followers

Loading…