🌊 OCEAN OS IS BACK!!!! 🥳🥳🌊🌊

OCEAN OS 5.0 HAS ARRIVED. 🚀🌊

We had an AMAZING time with OceanOS 4.0, but I decided it was time to take things to the next level with a newer, more complex generation of OceanOS.

I like to call it “The Gen 5.”

JK. It’s just called OceanOS 5.0. 😏

Seriously though, this is one of the biggest updates I’ve made so far!

🍎 Windows or macOS? You Choose.

Some of you might remember we talked about adding a toggle between Windows Mode and macOS Mode.

Well… it’s finally here!

And yes — I brought back the beloved macOS-style dock from OceanOS 3.0. 🫡

And I am NOT exaggerating:

It took me FIVE HOURS to bring that dock back.

5. WHOLE. HOURS. 😭

By the time I finished, I was running on about 3% brain power and an unreasonable amount of sleep deprivation.

JK, I’m fine guys. 😂

Getting the dock working with windows, animations, app states, minimizing, restoring, and everything else was definitely an experience.

But honestly?

It was completely worth it.

🛠️ A LOT of Bug Fixes

I fixed a bunch of bugs and annoyances you guys reported, cleaned up interactions, improved the UX, and fixed several weird behaviors.

The Guide also got a major visual upgrade so it feels more like a real part of the OS.

🔴🟡🟢 THE BUTTONS ARE BACK

THE THREE BUTTONS ARE BACK. 😂

macOS Mode now has:

🔴 Close
🟡 Minimize
🟢 Maximize

It’s a small detail, but it makes macOS Mode feel MUCH more authentic.

And after five hours getting the dock back, I was NOT leaving those out. 😭

🌅 A Fresh New Background

I added a brand-new, high-quality background because a beautiful OS deserves a beautiful wallpaper. 🌊

A lot of you have asked where I find my backgrounds. One place I like is WallpaperFlare:

WallpaperFlare

There are some seriously awesome wallpapers there!

✨ A More Polished Top Bar

The top bar got a major visual refresh to make it cleaner, more modern, and more macOS-inspired.

And honestly…

I LOVE how it turned out. 😭🔥

I also added smaller improvements like smoother UX, cleaner visuals, better interactions, polished menus, animation improvements, and lots of tiny details.

The goal?

Make OceanOS feel less like a website pretending to be an operating system… and more like an actual operating system.

🧑‍💻 How Did I Make This?

A lot of you have asked how I created OceanOS.

Honestly, OceanOS has really grown on me.

I started it just a few months ago, a little after Stardance started. What began as a simple project became MUCH bigger than I expected.

I started with a blank Next.js template.

No OS. No desktop. No apps. No windows.

Just a blank project.

From there, I built everything step by step and had to learn an entirely new coding language.

And honestly?

I had a blast doing it.

There were definitely moments where I wanted to throw my computer out the window. 😂

But every problem I solved made OceanOS a little better.

🌊 OceanOS 3.0 Was a HUGE Milestone

OceanOS 3.0 was special because that was when I finally got the dock working the way I wanted.

Looking back at where OceanOS started compared to where it is now…

I’m honestly pretty proud of how far it’s come.

What started as a blank Next.js project has become a full interactive desktop environment with apps, windows, themes, animations, system UI, multiple OS modes, and much more.

And this is only OceanOS 5.0. 👀

Who knows where this thing is going next?

🚀 OceanOS 5.0 Is Coming

I hope you guys enjoy the new OceanOS!

You’ll be able to check it out once I ship the project on Stardance, and it’ll be available on Vercel soon.

Thank you to everyone who has followed the project, given feedback, reported bugs, suggested features, or simply checked it out.

OceanOS has come a LONG way, and I’m excited to keep building it.

Welcome to OceanOS 5.0. 🌊

Have a breezy day! 🌊😎

Made the BootScreen animation WAY better. Pics are attached below. I also updated the top bar menu dropdown options and fixed a few bugs in the Ocean Store. I triple checked everything worked and I see no errors. I believe OceanOS 4.0 is ready to ship! 😁

Added an Activity Monitor app 📟 (btw this emoji took me SO long to find) and it’s starting to look pretty good. Just adding a few more features to the desktop and OceanOS will soon be ready to ship!

🌊 OceanOS 4.0 — The OceanOS Messages Era Is Here

OKAY… I KNOW I JUST RELEASED OCEANOS 4.0. 😭

But I wasn’t done.

After all the SVGs, debugging, redesigns, new apps, and Lumos AI, I decided OceanOS needed something that felt a little more… alive.

So I built something new.

💬 Introducing: Messages

OceanOS now has a Messages app.

And this isn’t just a basic texting app.

You can now text, voice call, and video call Lumos AI, Alex, Sam, Maya, and the OceanOS Team.

Yep.

All of them. 😏

Each character has their own advanced Gemini-powered voice, personality, and communication experience. They’re designed to feel like actual people you can interact with—not just static AI characters sitting inside an app.

And the best part?

It all works together seamlessly.

Text them.

Call them.

Video call them.

Switch between conversations.

Everything is integrated directly with the Gemini API key, so the experience feels like one connected part of OceanOS instead of a bunch of separate features glued together.

👥 Meet the Crew

🤖 Lumos AI

You already know Lumos.

Now you can actually text, call, and video call Lumos directly from Messages.

👨 Alex

One of the new voices joining the OceanOS experience.

Text him, call him, or start a video call and see what happens.

👩 Sam

Another new Gemini-powered voice with their own personality and communication style.

🧔‍♂️ Maya

Yep, Maya is here too.

He’s fully integrated into Messages and ready to talk.

🌊 OceanOS Team

And of course…

the OceanOS Team.

Because sometimes you just need to talk to the people behind the ocean. 🌊🫡

🔐 Four Accounts. One Ocean.

When you first open Messages, you’ll be greeted with four account options:

• Guest
• Ocean Developer
• Personal
• Work

This makes Messages feel like an actual part of the operating system rather than just another app.

Different accounts.

Different conversations.

One OceanOS experience.

📞 Texting. Voice. Video.

This is probably the part I’m most excited about.

Messages isn’t limited to typing.

You can have a normal conversation through text, switch to a voice call, or jump into a video call.

And because these are all powered by the same Gemini integration, everything works together surprisingly smoothly.

I spent a LOT of time making sure the experience felt seamless.

No weird transitions.

No completely separate systems.

Just…

Messages.

🚀 👉 What’s Next?

I have a feeling this is going to open up a LOT of possibilities for OceanOS.

More voices.

More characters.

More integrations.

More ways to communicate.

And maybe even more things I probably shouldn’t be promising yet. 👀

But for now…

Messages is here.

Text them.

Call them.

Video call them.

Try all four accounts.

See what they say.

And most importantly…

Please don’t traumatize the OceanOS Team. 😭

🌊 Welcome to the next generation of OceanOS.

The ocean isn’t just a place you explore anymore.

It’s a place you can talk to.

Have fun. 🌊

🌊 OceanOS 4.0 — I Know You All Have Been Waiting For This

WOW. It has been a WHILE!

I put a LOT of work into OceanOS 4.0, and I genuinely think you guys are going to love it. If you thought OceanOS 3.0 was great, just wait until you see this.

⏱️ The 12 Hours of OceanOS 4.0

Hour 1 — Settings & Boot Screen

I upgraded the Settings app, fixed some long-awaited features, and completely redesigned the OceanOS boot screen.

Hour 2 — The Dock Saga 😭

I spent basically the entire hour trying to bring the dock back. Eventually, I gave up. 😭 I later figured out what was wrong, but I’m NOT spending another hour making a macOS-style toggle.

Psst… OceanOS 5.0. 😏

Hour 3 — Debugging

I found what felt like a hundred problems while testing everything. After an entire hour of debugging, I finally said:

“That’s good enough.”

Then I closed my laptop and went to bed.

Hour 4 — User Experience

I realized many of my apps weren’t user-friendly, so I redesigned a bunch of them and completely changed the Ocean Store design.

Hours 5 & 6 — Tiny Changes

Mostly small changes that somehow took forever. 😭 I also added several new apps.

Hour 7 — Start Launcher

I redesigned the Start Launcher and added even more apps to the Ocean Store.

Hour 8 — Tweaks

Added minor features, cleaned things up, and improved the code. At this point, OceanOS was looking REALLY good.

Hour 9 — SVG Era

I removed the old icons from the project and started converting everything to SVG.

Hour 10 — SVG Is NOT Easy

Probably the most stressful hour. Creating and refining SVGs took forever, but they turned out pretty great.

Hour 11 — Polish

I polished the SVG icons and improved the overall user experience.

Hour 12 — Final Push

I updated the project to use the new SVG icons, debugged everything, and added one more app…

🤖 Introducing: Lumos AI

Lumos AI uses Gemini 3.1 Flash Live Preview to actually speak with you. It can answer questions, communicate through voice, and support multiple languages.

Basically, you can actually talk to it. 😏

---

🌊 And Here We Are

OceanOS 4.0 is FINALLY here!

12 hours. Countless bugs. Way too much SVG. A questionable amount of sleep. And a LOT of ocean-themed code.

The Vercel deployment is soon to be live, GitHub commits are coming right now, and you can access the localhost version whenever you want.

📱 Apps

About, Music, Gallery, Settings, Camera, Ocean Shell, Web Browser, Notes, Calculator, TikTok, OceanStore, Markdown, TypeSprint, Location, Calendar, Weather, Files, Voice Recorder, Clock, Internet Speed Test, Lumos, and OceanCode.

Explore everything. Try the new apps.

Please don’t break something. 😭

And most importantly…

Enjoy the Ocean. 🌊

The ocean breeze will stay here for as long as you need it.

🌊 Welcome to OceanOS!

Your personal breezy companion.

Have a great day! 🌊

Fixed a few bugs, deployed both my Github branches to Vercel, and polished my website for the optimal user experience. OceanOS 3.0 is officially ready to be shipped!🌊🌊🥳🥳

OceanOS 3.0 (WindowsOS Edition)

OceanOS 3.0 is a redesigned web-based desktop environment built with React. This release focuses on creating a more polished and familiar desktop experience while keeping the ocean-inspired style that defines the project.

Project Links

• Live Demo: https://ocean-os-one.vercel.app
• GitHub Repository: https://github.com/SaiDanielK/OceanOS/tree/WindowsOS-Version

---

What’s New in Version 3.0

Layout & Navigation

• Redesigned the desktop layout with a cleaner, grid-based arrangement.
• Added a Windows-inspired taskbar for a more familiar navigation experience.
• Updated the top menu bar with fully functional navigation buttons that integrate with the system.

Visual Improvements

• Replaced the old react-battery-gauge component with a custom blue gradient battery indicator that better matches the overall theme.
• Refreshed the Wi-Fi and volume controls with a cleaner, more responsive design.
• Improved the clock formatting so the date and time fit naturally within the taskbar.
• Updated the widget designs to give them a more modern and consistent appearance.

Customization

• OceanOS now ships with a custom ocean-themed desktop by default.
• Easily switch wallpapers and personalize the desktop through the built-in Settings app.

---

Tech Stack

• Framework: React.js
• Hosting: Vercel

---

Thanks for checking out OceanOS 3.0! I had a great time building this version, and I hope you enjoy exploring it! Have a breezy day!🌊

Fixed a few bugs and added a few new features to my website. Just edited a few files from the src folder and I think I’m ready to ship my project now. The github link is: https://github.com/SaiDanielK/OceanOS and the Demo Link is: https://ocean-os-one.vercel.app/ Enjoy!

🌊 OceanOS 2.0 — A Bigger, Better, More Polished Experience

OceanOS 2.0 is here! This update brings several new applications, major improvements to the Ocean Store, visual polish, bug fixes, an improved boot experience, and a brand-new file management experience integrated directly into the website.

🌤️ New Weather App

OceanOS now has its own dedicated Weather app! You can now check the weather directly from your OceanOS desktop alongside the new Calendar app.

Both applications have also been integrated into the Ocean Store, making them part of the growing OceanOS ecosystem.

🛍️ Install and Uninstall Apps from the Ocean Store

The Ocean Store is now more interactive than ever.

Users can now:

• Install applications directly from the Ocean Store
• Uninstall applications they no longer want
• Manage their OceanOS applications more dynamically

This brings OceanOS closer to feeling like a real operating system with its own application management system.

📁 Brand-New Files App

OceanOS now includes a new Files app integrated directly into the website.

The Files app connects with the project’s GitHub files and provides a more organized way to explore the files and content associated with the OceanOS project.

This is another step toward making OceanOS feel like a complete desktop environment rather than just a collection of applications.

🚀 Improved Boot Screen

The OceanOS boot screen has been redesigned and polished to provide a smoother and more professional startup experience.

Improvements include:

• A cleaner and more modern design
• Improved animations and transitions
• Better visual polish
• A more refined first impression when starting OceanOS

🖥️ Visual Improvements & A More Polished Look

OceanOS 2.0 received a significant visual refresh.

Updates include:

• A new and more polished wallpaper experience
• Updated icons
• Improved overall visual consistency
• Better spacing and positioning
• A cleaner, more refined desktop interface

The goal was to make OceanOS feel more cohesive, modern, and enjoyable to use.

🔍 Bug Fixes & Improvements

Several previous issues have also been fixed in this update.

🐛 Dock Magnification Fix

The dock hover magnification effect has been improved and the previous magnification bug has been fixed.

The dock should now respond more smoothly when hovering over icons.

📌 Improved Z-Indexing

Window layering has been improved to make sure applications appear in the correct order when interacting with the desktop.

This should make overlapping windows and app interactions feel much more natural.

🔎 Search Improvements

The search system has also been fixed and improved, along with several other bugs from previous versions.

🌊 Welcome to OceanOS 2.0

OceanOS 2.0 is a major step forward for the project. With new apps, a more powerful Ocean Store, a new Files app, an improved boot screen, refreshed visuals, better window management, and numerous bug fixes, OceanOS is continuing to evolve into a more complete web-based operating system experience.

Have fun exploring OceanOS, try out the new features, and enjoy the new update!

💻P.S.
Please do not spam the suggestion box in the Notes app. Suggestions are always welcome, but please use them responsibly so everyone can help improve OceanOS.

🌊 Welcome to OceanOS 2.0 — and have fun!

🚀 OceanOS 2.0 Beta Update

Over the last 10 hours, I’ve been hard at work improving OceanOS. Here’s what’s new in OceanOS 2.0 Beta:

✨ New Features

• Added a Close All button to the top bar.
• Added a battery indicator using react-battery-gauge in the top bar.
• Added mock Wi-Fi and sound indicators.
• Added Shut Down and Sleep options. Sleep temporarily pauses OceanOS until you click anywhere on the screen to wake it up.
• Added a search bar below the top bar to quickly search for apps.
• Added draggable Advanced Clock and Weather widgets.

📱 New Apps

• Notes
• Calculator
• TikTok
• App Store
• Calendar

💡 Tips

• For the best experience, make sure to allow sound and geolocation permissions when prompted.

---

I’ve also attached a screenshot of the new OceanOS 2.0 Beta for reference.

Enjoy! 😁

Devlog: New Features for Ship #2

Overview

Migrated OceanOS window layout from hardcoded positioning to a z-index-window layout system. This removes the need for manual position management across individual apps. Also added a notes app with suggestions and changed app positional settings.

Changes

Window Component (src/components/Window.tsx)

• Added Optional Positioning: x and y props are now optional with fallback defaults
• Added dynamic offset calculation: Windows now cascade based on their z-index value
  • Formula: baseOffset = (zIndex - 100) * 50px
  • Easy to Use Layout Management

Desktop Layout (src/components/Desktop.tsx)

• Removed hardcoded positions: All 8 app windows no longer have explicit x={...} and y={...} coordinates
• Made Prop Passing Easier: Windows now only define z-index, width, and height
• Windows automatically position themselves based on their stacking order

Notes App and Suggestions Configuration (src/apps/Notes.tsx)

• Created a Notes application with a suggestion box where users can give their opinion on OceanOS
• Configured the suggestion box to use JSON:

  export async function GET() {
    const suggestions = await readSuggestions();
    return NextResponse.json(suggestions);
  }

I spent the last 2 hours adding a web browser app (with an embed Wikipedia page) so that users can simulate a real web browser inside my operating system. I also added a transparent top bar to my project and a splash screen that opens when my website first loads. It has a ocean-colored progress bar and a nice ocean-themed background. Remember to go Full Screen so you can view the whole project!

I just added dock magnification on hover.

Hello everyone! So recently, I started creating an ocean-themed user-friendly desktop-simulation that allows users to experience the looks of macOS in their web browsers. I have started this project with Next.js, React, Zustand, and Tailwind CSS. So far, I have created the dock, in which all the apps will be stored. I have also added all the apps I am going to create into it for a good start. I have also added windows and a few features in each of them. For good measure, I have also added a cool background.