Fluetro OS
- 52 Devlogs
- 64 Total hours
This is my very own OS that can be run in the web! Inspired by Fluent and MacOS Aesthetics.
This is my very own OS that can be run in the web! Inspired by Fluent and MacOS Aesthetics.
Well, this is embarrassing
<audio> elements. Tried in my default browser (and brave), works as intended. (Please ignore the bright blue background, it’s just a placeholder)Lost my 25-day Streak 
Half-century DevLog? Really? 
eventListener but couldn’t get it to work that way, had to create a separate function to call along withVery little progress, since most of the time just went into debugging and fixing stuff, tried using Copilot in VS Code but it’s 
so I had to get the code from my backup and redo everything very carefully, so now it’s ok
Late DevLog, couple of improvements, mostly fixes
Was supposed to upload a DevLog yesterday but had some issues with the internet (had to ditch the router), probably some coding time isn’t event logged 
One step closer to finishing the Files app
Added the Gallery Screenshot promised in my last DevLog
Frequency of DevLogs has plummeted, but Files app is almost complete## New Features Added
querySelector to check if Gallery is active and the button is disabled or not, fixed it by switching to contains
I forgot to add the screenshot of gallery, and now it’s only allowing me to replace the existing files and not add more
Adding the preloaded files and folders was easy (which I did before), but now progress has been slowed, again
and it was actually the HTMl since I put the menus outside the upper button panel handlerLot of progress
Slow and steady progress
iframe based windows easier to resize and moveWell, at least this is better than the last time ![]()
Very little progress 
Exact reason why I delayed the development for the Files App
iframe basedFirst DevLog after 2nd ship
Did some last-minute changes
Some browsers may currently display phishing or scam warnings when accessing my GitHub Pages websites. These appear to be false positives. My projects are designed with a privacy-focused approach and do not intentionally collect sensitive user information. I have already reported the issue and am currently waiting for the warnings to be reviewed and resolved.
Final DevLog before 2nd Ship
Ship #2
Redesigns, features, and animations
I’ll probably be implementing an automatic accent color system for the present 4 wallpapers before the second ship. What the 3rd ship will include will be included in the README.
Redesign and more stuff
I’ll probably be adding a restart option, and then do a 2nd ship, there’ll also be a 3rd ship with the Files App, which is possibly the hardest thing to do (at least for me) in this project.
Some changes
Some redesigns
Huge addition
More icons and some small additions
More icons
More icons and more fixes
I’m back to Fluetro OS after working on Fluent New Tab for some time, I’ll also be working on my WebOS Browser project alongside this.
Fluetro OS DevLog 027
•OK, so I’m back to Fluetro OS after working on some other projects like Fluent 2048 and Fluent Minesweeper (which I did because working on games inside the code of Fluetro was problematic due to having so much code for the OS itself)
•As I said I did make those games for this and will be adding those here, so I did.
•So now there’s a total of 5 simple and easily recognizable games in Gaming Hub.
•I am thinking of doing a 2nd ship of this today, but should I? I did add 3 features and plan on adding more later.
•The Fluent 2048 and Minesweeper games are a different version of what I’ve uploaded as separate projects, so they might look “a bit” different.
Fluetro OS DevLog 026
•Added the custom version of Fluent Minesweeper
•Added an animation while changing from Dark Mode to Light Mode and vice-versa
•Working on a new logo for the OS
•Working on more custom games and features
Fluetro OS DevLog 025
•Added a Last Played section to Gaming Hub showing the game last played by the user
•Added the “My Games” heading
•Edited the Work in Progress Windows to behave differently (for a future purpose)
Fluetro OS DevLog 024
•Added Chrome Dino as a game
•Added Surf (from MS Edge) as a game
•Fixed an issue where the bottom of the window would not be visible (especially Minecraft Classic)
•Fixed multiple UI issues and bugs in Gaming Hub
•Added icons for all the games and Gaming Hub
Fluetro OS DevLog 023
•Scrapped the previous games because those websites refused to work with iframe
•Added Minesweeper instead of GTA: Vice City
•Added Minecraft Classic
•Added Separators in the Dock (forgot to mention in previous DevLog)
•Added an issue where the top has a lot of extra padding
•Thinking of taking another break to create my own Minesweeper and other games/apps to add here
Fluetro OS DevLog 022
•Added Dock and Title Bar icons for Daily Brief
•Made Memo resizable and have maximize/restore down functions
•Added a Gaming Hub for games to be added
Fluetro OS DevLog 021
First DevLog for WebOS 2 project
•Added an AI Brief app using iframe (app created by one of my friends)
•This app uses an approximate in-browser location from your IP, so the Weather in my topBar is different than what’s shown here.
Fluetro OS DevLog 020
This might be my last DevLog to this project before uploading this to GitHub and Shipping
•Added a new Logo, with a stylized F
•Added actual icons to the Dock and Title Bar
•Replaced the settings icon placeholder emoji with an actual icon
•Turned Memo into an actual Memo, so it’s not resizable and doesn’t have Maximize/Restore Down buttons
•Added some more text to the System Info box
Fluetro OS DevLog 019
•Added Nicer animations to Flyouts
•Added a separate menu for Sign out and Shut down at OS logo on TopBar
•Moved System Info to OS Name text on TopBar
•Tried to add Window Maximize/Restore Down animations but messed it up
•Added a transition while changing wallpapers
•Fixed the issue where a window would jump to the left while resizing/dragging
Fluetro OS DevLog 018
•Added a Weather Section in Settings
•Added the option to change the weather by adding your own location yourself (so no location tracking involved)
•Found out that JSPaint (the paint app integration) has multiple themes including Modern ones
Fluetro OS DevLog 017
•Added working weather using Open Meteo API (currently fixed to Los Angeles only)
•Added working weather to Top Bar
•Added a Signing Out screen
•Added animations to the Signing out and Shutting down screens
•Added animations while Logging in
Fluetro OS DevLog 016
•Added Calculator
•Added Paint (JS Paint Integration via iframe)
•Made sure the calculator cannot be resized or maximized, so it’s a fixed size.
Fluetro OS DevLog 015
•Added “Work in Progress” placeholders for apps that will be added in a future update (WebOS 2).
•Added a working Memo that stores text in localStorage, thus making the text Persistent.
•Added running indicators for apps that are open/minimized.
•Fixed the title bar padding.
Fluetro OS DevLog 014
•I’m back to working on Fluetro OS again
•Added active states to buttons
•Made the Weather button work
•Added working Weather Flyout
•Added animations to the Weather Flyout
•Added bunch of placeholder text for the weather
Fluetro OS Devlog 013
•Added Animations and Transitions to Logon Screen.
•Added Animations and Transitions to all the Flyouts.
•Added Hover Effects to OS Name button on TopBar.
•Tried to add a Logon Screen to Desktop Transition but failed.
Fluetro OS Devlog 012
•Fixed the Clock Flyout
•Gave the Clock Flyout a redesign.
•Added working Weather to TopBar.
•Fixed the problem of UI elements/text being selected while clicking and dragging.
Fluetro OS Devlog 011
•Managed to kind of fix the Clock Flyout.
•Added Dark Mode to the Clock Flyout.
•Added Hover effects to the clock in the topBar.
Fluetro OS Devlog 010
•Added a Expandable Clock Section to the TopBar clock (currently kind of broken).
•Added Hover to TopBar weather section.
Fluetro OS Devlog 009
•Added Resizable Windows.
•Added Draggable Windows.
•Added Animations to the Dock.
Fluetro OS Devlog 008
•Broke the Window Controls but managed to fix them.
•Fixed Padding for the Dock.
•Made sure maximized windows don’t overlap the Top Bar or Dock.
Fluetro OS Devlog 007
•Added Focused and Unfocused states to the Windows.
•Fixed the Corner Radius for many UI elements.
•Fixed Title bar height.
•Made the Windows draggable using the Title Bar.
Fluetro OS Devlog 006
•Added a Working Window
•Fixed the TopBar Clock
•Added a working Shutdown Sequence
•Added System Info (basic and needs more work)
Fluetro OS Devlog 005
•Added working Dark Mode and Wallpaper Picker.
•Added working Sign Out and Shut down options.
•Introduced more bugs and issues to fix.
Fluetro OS Devlog 004
•Started from Scratch
•Working on giving this a MacOS+Windows+OneUI esque feel
•Finished the Welcome Screen
•Partial Success regarding the Top Bar, Dock and Apps
Fluetro OS devlog 003
•Added actual Photo Wallpapers (from Unsplash).
•Fixed the issues with some of the app icons.
•Updated the System Info.
Fleutro OS Devlog 002.
•Added a Shutdown sequence.
•Managed to fix the small UI issues and bugs.
•Added a Sign out and Shutdown option inside the OS Menu.
•Added working System info and Power off button to the Lock Screen.
•Added some more apps in the Store
•Added indicators for Minimized apps
Managed to make a lot of Progress, right now the Logon screen and the desktop work with all the apps being functional. Am working on getting a working version of the Start Screen-like Interface.