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

aeroOS

  • 3 Devlogs
  • 2 Total hours

A web OS based on frutiger aero design aesthetic, giving 2000s vibes

Ship #1

What did I make?
I built AeroOS! It's a fully functional, browser based desktop OS that's basically a love letter to the "Frutiger Aero" the popular aesthetic of mid 2000s (think Windows Vista, Windows 7, and early Mac OS X). I built a custom window manager so you can drag and minimize windows, added a 3D glass dock with that classic magnification effect on hover, and threw in a bunch of skeuomorphic apps. right now, it has a Notepad, a detailed mechanical analog clock, a live weather dashboard, and a Welcome app.

What was challenging?
Honestly, nailing the aesthetic was the hardest part. It is surprisingly difficult to recreate authentic 2000s glass UI using modern CSS. If you aren't careful, it just ends up looking like modern Apple glassmorphism. Getting that true Frutiger Aero vibe meant stacking crazy complex box shadows, using sharp 50% split linear gradients to get those harsh glass cuts, and layering inner white borders so the UI actually looks like thick, physical acrylic glass.

What am I proud of?
As a person who loves designing as much as I love web dev, I'm proud of how I was able to blend those two together. I'm really proud of the details, like the vista pearl CSS orb, the red counterweight on the analog clock’s second hand, and the custom Vista style cyan loading ring. Seeing all those tedious, tiny CSS tweaks finally come together into a desktop that actually feels like a real machine from 2007 is just incredibly satisfying.
How to test it?
Just head over to https://aero-os.vercel.app/ and you'll be on the desktop. Have fun!

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

46m 18s logged

built 2 more apps for aeroOS

notpad: the notes persist and added bold, italic and underline text formatting too
weather: the app supports realtime search using geocoding api and providing weather results using open meteo api

added top menu bar, showing the focused app name on left and icons, time on right.

also updated dock, removed the time and moved it to top menu bar.

wallpaper switcher now supports links, also the wallpapers persist on reload.

what we do next?
polish and ship 😁

0

Loading discussion…

0
2
Open comments for this post

53m 19s logged

added a bunch of new features to AeroOS!!
statred from a mini dock (temp right now) on bottom left to change wallpapers
improved dock design and animation
built window component and window manager
built 2 simple apps - clock and welcome

what we do next?
build advance apps

0

Loading discussion…

0
3
Open comments for this post

26m 50s logged

Js started working on AeroOS, based on frutiger aero design aesthetic, which was really popular during the time i was born
anyways
tech stack: next js with tailwind

what we do next?
improve the desktop then we move to apps

0

Loading discussion…

0
3

Followers

Loading…