A very minimal, classy and optimized webOS.
used AI for a bit of refactoring especially when i tried to deploy it on github but that sucked so now its deployed on vercel.
A very minimal, classy and optimized webOS.
used AI for a bit of refactoring especially when i tried to deploy it on github but that sucked so now its deployed on vercel.
Contrast Correction: Fixed theme issues where text (like usernames in settings) was rendering black-on-black; improved overall readability across the UI.
Performance Boost: Implemented optimization fixes to the app launcher and general system snappiness for a faster “WebOS” feel.
External Integration: Fixed the non-display of WakaTime stats within the Portfolio app.
Simplify portfolio: Portfolio is now simpler and not filled with wakatime info (privacy concerns)
Ctrl + K functionality for quick navigation and system-wide searching.here are some pics for you guys….
Log in to leave a comment
added a basic command pallete (ctrl+k)
[pretty self explanatory]
Log in to leave a comment
Other changes
Three types of window surfaces: glass (for glossy appearance, solid - solid bruh what do i write for this, and none for custom styling so that i can customize each app more atomically now)
Suspend desktop session using button in launcher (just moves you back to lock screen)
attached: 1) no app pinned 2) updated launcher with pin button and glass bg (firefox issue - cant take blurs in screenshot) 3) opening notes (unpinned) along with some other pinned apps.
Log in to leave a comment
Oh yeah I’m a person who can totally not decide what features to add and what features not to add so I think I’ll let it be on you guys. You just turn on and turn off all these experimental features now and these little things I may just remove because I don’t think they look useful but if you want you can just enable them and have them. It’s experimental features that way I can add all my back features back and just disable it. Yeah let’s go
Log in to leave a comment
Log in to leave a comment
removed topbar and made the dock to be always visible. i’m working on UX now and polishing stuff and stuff. I removed the topbar which seemed redundant and not so useful to me. Also i removed the click/hover to show the dock, although that let me admire the desktop and stuff and gave me more space that was not very user friendly. now the launcher (search icon) is left aligned with a tiny bit of spacing in it and the app icons. I’m gonna work on pinnable app icons just like it is in Windows so it doesn’t clutter toooo much ;)
Log in to leave a comment
it is hard to have a comeback after 2 weeks of afk-ness. still i built some stuff, mostly optimization (sad i can’t ship it for multiple sidequests). there’s a devtools, better settings, more speed in this ship.
apps are now lazy loaded to have a much faster initial boot time and save on memory. made some animations smoother. now apps without sidebar have a solid background by default (can be overrided) and a better boot screen (no loading bar progress %tage and a better unlock button)
Log in to leave a comment
after a few weeks of no coding due to personal reasons, i am back. worked on devtools (ignore the lack of blur in the screenshot)
Log in to leave a comment
How it works
it has size: {w,h} and offset : {x, y} which decide the width/height of the window and where it sits on the screen.
by default, window gets 80% of screen width and 70% height (clamped to ~960x640 so it doesnt get huge)
replaced default framer’s drag with the react-rnd library which saves the new x/y on move or w/h on resize, passes it to useSession and now it renders on new position or new height/width.
Log in to leave a comment
I cleaned up a lot of logic and performance optimizations. the top bar was tricky to make due to the existing project structure, finally figured it out by re doing the shell and environment layouts and add a top margin so that windows don’t go over the top bar.
Simplified framer animations and stuff that you won’t really see on the demo but it works smoother and faster now. Stuff like z-index configuration, removing unused noise overlays which put a lot of load on the rendering process. I also removed layout property in dock’s motion animations to make the UI sleek and light.
Portfolio App’s wakatime stats section was redesigned and should work now.
Log in to leave a comment
(see 2nd pic for older layout)
Every element and component has been inverted so the default theme is now dark (and thats the only theme)
that guy looked awkward in the left side so made it a widget like other stuff and moved to right (it will be customizable later)
it looks better (especially on mobile devices) and now you can also know the number of apps
and yeah quickcontrols is remvoed
Log in to leave a comment
Log in to leave a comment
I added a widgetUpdater hook to simplify widget updates. Also added detailed weather view (apparent temperature etc etc). Background and opacity levels are now independent (and not stored in local storage to simplify logic). Icons and components are now blurred and made transparent on the choice
WIdgets are now shown on smaller devices too. Also created a WindowLayout component to have uniform styling and layouts for all apps with ability to set custom header and footer. Also the titlebar is now spread out as in widnows (left side name of the app and right side controls). Full screen is better with less space left around
Log in to leave a comment
Built the webOS finally. Its basic but works i absolutely love the monochrome theme and slight aniamtions
Fixed windows z-indices and added a iframe test app called Pomdoro app
Bonus: it also has a cool loading screen now
Log in to leave a comment
Added minimized view and some widgets!
Log in to leave a comment
This is looking so cool ngl. Made it the karretOS
Log in to leave a comment
v3 of my portfolio that’s more than just a portfolio. It’s a browser(or os? or a start-page) from the future. [still working]
Log in to leave a comment