I Actually Finished My Browser OS… Somehow – Transcript

00:00Last time, I turned my browser into an operating system or Hey, don't compare my brow OS to that. So, today we're finishing it. And if you haven't watched the first part, go watch it or do whatever you want.

00:18>> >> So, you guys left a lot of ideas in the comments. Apparently, you enjoy watching me suffer. But, fine. We're adding them. I put them all on a list so I don't forget halfway through. But, before that, right now you open the browser and the desktop's just in your face. I want to give it a proper opening animation.

00:40Something smooth, premium. And since I don't want it to look like one of my intros, I think I need a tutorial for this. >> >> So, I tried making something. Now, if I open Helium, there we go.

01:02It's simple, but I wanted it to be quick. It still feels empty. Let's give it some sound. So, open FL Studio. My music production skills aren't exactly great, but we have to try. I added three synth channels. One for the chime, one for a warm pad, and one for that airy sound. Let's see. Mhm.

01:25Yeah, I know it sounds bad right now, but trust the process, guys. Oh, I actually like that air sound. So, I think that's the best I can do for now. Still not completely satisfied, but it does the job. And now, if I open the browser, nice. I also added a button in settings to turn off the animation and sound in case you hate everything I just spent my

01:51time making. Next up, because you probably don't trust my design skills. So, let's add some custom So, here in settings, we have a personalization section. You can pick from the default wallpapers. You can choose between a several default ones or upload your own. There we go. Here, you can change the accent color. You can see it changing here and here, here too.

02:16There are also light and dark themes. You can adjust how rounded the window corners are and choose between Mac style and Windows style buttons, whatever you prefer. Then, there's transparency, if you want the windows to look a little more glassy. >> >> I will keep it like this. You can also replace the brow OS text on the desktop with anything you want or just hide it.

02:37Remove my entire brand. That's fine. We've got some taskbar options, too. Show or hide the clock and turn on automatic sizing. Wait, it's not that clear with this wallpaper. Let me open an app. There, now you can see it. I also added some blur down here behind the taskbar. I think it looks pretty cool. And if you don't like the automatic sizing, you can adjust the size yourself. Finally, there's a credits panel for the people who made the wallpapers and icons. Then, I had another idea. Why not give brow OS its

03:05own cursor? So, that's what I did. And of course, I added a setting for it, too. You can use the brow OS cursor, keep the normal one or upload your own and adjust its size. And that's it for customization for now. If there's anything else you'd like to customize, leave it in the comments.

03:21Next up, the suggestion that got me excited to make this whole second part, an app store inside brow OS. But before that, I see you. Yes, you, watching this without knowing a single line of code. Don't worry. Let me introduce you to today's sponsor, Abacus AI Agent.

03:38For just $10 a month, you can build apps and websites by describing what you want. Let's try, build a simple notes app with folders, search, auto save, and a clean dark mode. And here's the result. Wow, let's write a note.

03:52Now, let's add an option to change the font. And there we go. You describe it, test it, and ask for changes. Hosting, databases, login, and payments are available, too. Beyond apps, it can do deep research, make presentations with charts and images, analyze spreadsheets, and create dashboards. For example, upload an Excel file and ask it to turn your expenses into a dashboard. Categories, charts, totals, much easier than staring at a wall of numbers. It can also

04:19connect to other tools and automate tasks on a schedule or a trigger. Plus, you get multiple AI models alongside image and video generation. Check the link in the description and thanks Abacus AI for sponsoring the video. Now, back to Brow OS. What were we doing again? Ah, apps.

04:38>> >> First things first, I added a few built-in apps, you know, the stuff you use every day. First up, notepad. I used some open-source code for these apps, so you'll find credits to the original creators in the credits tab. You can write stuff, save it, and there are actually quite a few features in here.

04:55Honestly, I think this one's going to be pretty useful. Then there's Paint, because what's an operating system without Paint? And that's a bug. I'll fix that later. So, yeah, cool. There's also a calculator and a clock app. And now, you can remove apps from the desktop without losing them. They're still in the start menu, in case you prefer a clean desktop. And if you don't want an app anymore, you can remove it

05:20from Brow OS completely. You can always add it back later, but from where? And that's where the Brow Store comes in. Our completely original store. Doesn't look like any other store at all. First, there's Discover, and right now it says coming soon. This is where I'll regularly add websites I find useful.

05:39You can suggest some in the comments, too. And maybe a sponsored website here and there. But yeah, empty for now. Then there's Brow OS apps, the built-in apps I showed you earlier. If you remove one, you can add it back here. And library is where you'll find everything you've added to your Brow OS. Now, you guys absolutely flooded the comments asking for this extension, so I'm releasing it.

05:59Actually, this started as part of a challenge series I'm planning to share soon, where I build random products and hope one of them pays my bills. I've got a Unity game in the works, too, but that's on hold because apparently I have an operating system to finish. This was supposed to be the side project. Anyway, see this add a website button? That's how you add your own stuff. But before we start pasting links everywhere, there's a small problem. Brow OS opens websites inside its own windows. That's

06:26called embedding. Basically, a webpage inside another webpage. But a lot of websites don't allow that, usually for security reasons. So, for those websites, I added a little workaround. Let's click add a website and type youtube.com. Give it a name, YouTube.

06:41You can choose an icon, too, or it'll use the website's default one when available. And here it is. Click open, refuse to connect. But now there's an open in a window button. Click that and there we go. It looks similar to the other windows, and you can still see it here in the Brow OS taskbar. The difference is that it's actually a separate browser window styled to fit in, not a page embedded inside Brow OS.

07:04A small compromise, but it does the job. So, now you can add your favorite websites and web apps. If something doesn't work, let me know, or don't. I'm not emotionally ready to open that code again. And of course, you can add browser games, too. Apparently, people have even got GTA running in a browser.

07:20Humanity. We really need to focus on the important stuff, like whatever I'm doing right now. So, moving on, I also added a task manager. Right click the taskbar and you get taskbar settings and task manager. Let's open that. Here you can see how much RAM your whole computer is using. Yeah, mine is about to explode.

07:41And down here are the apps currently open inside Brow OS. Let me open a few more. There we go. Now, this doesn't show RAM usage for each app. For that, we can open the browser's own task manager with shift plus escape. This shows memory usage across the browser, tabs, extensions, and processes used by websites, including those running inside Brow OS. So, not just my little operating system. I also added a right-click menu to the desktop, just to

08:08make things a little more practical. You can switch to the next wallpaper without opening settings, jump straight into customization, or add a website from here. Small things, but at least you don't have to go through three menus just to change your background. So, [sighs] I'm really tired now, which means, naturally, there's one more thing to build. You guys need somewhere to download this. So, let's make a website.

08:34So, this is our website. I made it look like a little Brow OS, so you start getting the vibe before you even download it. Here's the welcome window, and over here, a desktop preview. You'll also see buttons for the Chrome Web Store and Microsoft Edge add-ons. They say coming soon because I've submitted the extension and it's waiting for review.

08:54Hopefully, it'll be available soon. Until then, you can download it manually. There's an installation guide right here to walk you through it. And there's also a support button. If you like the project and want to help me keep working on it, you can support it there. Maybe that'll convince me to open the code again. But seriously, completely optional. Brow OS is free.

09:12I'll let you explore the rest yourself. The link's in the description. There's still a lot of work to do. Maybe we'll make another part, improve things, and add more of your ideas. We could even work on it live, so you can watch things break in real time. And if you find any bugs, let me know, especially the funny ones. My back has officially had enough of this project. I wanted to get part two out quickly because you guys seemed really excited about the first one.

09:36Somehow, quickly turned into about 3 weeks. I even used some AI assistance to help finish things faster, and here we are. Anyway, give Brow OS a try and tell me what you think. I'm going to stand up now. See you in the next video. >>