Hello!
Recently I started creating a clone of Windows 11 for web in Preact. My main focus while creating this clone was performance. It must work smoothly even on a low end device (like mine).
The UI isn't complete yet. I'll be working on it in my free time. My focus while creating this is maintainability and Performance. Anyone with a basic level react knowledge should easily understand the code.
Here's the stack I used:-
- Preact (For smooth runtime performance)
- ViteJS (For smooth development performance)
- CSS modules (I know frameworks would have been better. But I wanted some control and Performance Babe!)
- TypeScript (Obviously :)
Try it out here -> Windows 11 Web
I'll recommend you to contribute or atleast check the code. You'll learn something :)
PiyushSuthar
/
Windows-11-Web
Awe-amazing Windows 11 clone. Oh wait, Not for your Computer, but for the web! ā”
Windows 11 Web
Awe-amazing Windows 11 clone. Oh wait, Not for your Computer, but for the web! ā”
Try Windows 11 Web:- win11.vercel.app
This isn't ready yet, and who knows when it will XD
Why?
Microsoft launched their newest version of Windows and I was very excited to test it out. So I made this!
BTW, This project was inspired by Macos Web
Stack
- Preact (Now Million Js)
- ViteJS
Acknowledgement
Thanks to Sunrit Jana for writing an awesome description for this project! and to Manivannan for sharing icons with me!
And to all the Super-Awesome contributors!
(tbh, finding suitable icons is the most difficult part of making this project)
More
Some similar, but super awesome projects!
- Windows XP Web by sh1zuku
- MacOS Web by Puru Vijay
- Ubuntu Web by Vivek Patel
- Windows 11 web, but with no-code by Manivannan
Solution:-
- Open
about:configin your firefox browser. - Search for
layout.css.backdrop-filter.enabledā¦
Demo
Start Menu (Light Mode)
Start menu (Dark Mode)
Widget (Light Mode)
Widget (Dark mode)
Windows (Light Mode)
Context Menu
End
You can follow me on twitter to follow the progress @piyushsthr.
Latest comments (38)
selamlar gĆ¼zel bir ƧalıÅma olmuÅ. dosyaları indirdim ancak tarayıcımda aƧılmıyor. beyaz ekran geliyor. bilgisayarımda nasıl gƶrebilirim. yardımcı olabilir misiniz. teÅekkĆ¼rler.
nice
Wow incredible job!
Great Work
Hey, It's Nice But, If It Can Run Apps, It Will Be INCRDEBLE!
Your killing it šŖš„
Thanks!!
I'm going to be honest. I'm not sure what "practical" use this website but then again it wasn't built for "practical" is was built for fun and that's why I love this project. A million thumbs up for you and this project! :)
Yeah, this project doesn't have any practical use case but it's fun and it also made me improve my knowledge about css.
Really good ... Nice work
Thank you!
Cool!!!
Yeah!! Thanks!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.