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 :)

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.