Windows 11, but for Web

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…


This content originally appeared on DEV Community and was authored by Piyush Suthar

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

image

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

GitHub logo 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

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!


View on GitHub


Demo

Light Mode Start Menu
Start Menu (Light Mode)
Dark Mode Start Menu
Start menu (Dark Mode)

Widget Light Mode
Widget (Light Mode)
Widget Dark Mode
Widget (Dark mode)

image
Windows (Light Mode)

image
Context Menu

End

You can follow me on twitter to follow the progress @piyushsthr.


This content originally appeared on DEV Community and was authored by Piyush Suthar


Print Share Comment Cite Upload Translate Updates
APA

Piyush Suthar | Sciencx (2021-07-22T09:47:24+00:00) Windows 11, but for Web. Retrieved from https://www.scien.cx/2021/07/22/windows-11-but-for-web/

MLA
" » Windows 11, but for Web." Piyush Suthar | Sciencx - Thursday July 22, 2021, https://www.scien.cx/2021/07/22/windows-11-but-for-web/
HARVARD
Piyush Suthar | Sciencx Thursday July 22, 2021 » Windows 11, but for Web., viewed ,<https://www.scien.cx/2021/07/22/windows-11-but-for-web/>
VANCOUVER
Piyush Suthar | Sciencx - » Windows 11, but for Web. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/22/windows-11-but-for-web/
CHICAGO
" » Windows 11, but for Web." Piyush Suthar | Sciencx - Accessed . https://www.scien.cx/2021/07/22/windows-11-but-for-web/
IEEE
" » Windows 11, but for Web." Piyush Suthar | Sciencx [Online]. Available: https://www.scien.cx/2021/07/22/windows-11-but-for-web/. [Accessed: ]
rf:citation
» Windows 11, but for Web | Piyush Suthar | Sciencx | https://www.scien.cx/2021/07/22/windows-11-but-for-web/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts