Home

Awesome

Win11React

Follow me Follow Twitter Join Build & Deploy PR Preview Uptime Translate

"Buy Me A Coffee"

This open source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and JS.

Notice

This project is not in anyway affiliated with Microsoft and should not be confused with Microsoft’s Operating System or Products. This is not a Windows 365 cloud PC.

THIS IS NOT THE APP STORE REPO: App Store

Documentation: https://win11react-docs.andrewstech.me/

This project is still a work in progress.

Live Experience🌈: win11.blueedge.me

Home

Translation

You can find other language versions of Win11React here.

Simplified Chinese(中文简体)

Gallery

image

pic1

image

Why

WHY NOT? Why not just waste a week of your life creating a React project, just to cover up your insecurities of how incompetent you are. Just why not!

Features

📑 Suggest More

Stack

FAQ

Answer

🌟 Star this project

⏫ Scroll to the ⭐️ button

If you believe this project has potential, feel free to star this repo just like many amazing people have 👇

Local Deployment

Docker

To use docker use the following command: docker run -d --restart unless-stopped --name win11react -p 3000:3000 blueedge/win11react:latest

Home Assistant

Open your Home Assistant instance and show the add add-on repository dialog with a specific repository URL pre-filled.

Balena-Cloud

Balena Deploy Button


Compiled

You can find a compiled .exe in the Releases section or via clicking HERE

WINGET - WINDOWS PACKAGE MANAGER If you have one of the latest windows builds then you can enter the command below in CMD

winget install blueedge.win11react

Online Deployment

Deploy

Deploy on Railway

Deploy to Netlify

Deploy with Vercel

Contributors

<a href="https://github.com/blueedgetechno/win11React/graphs/contributors"> <img src="https://contrib.rocks/image?repo=blueedgetechno/win11React" /> </a>

Known Issues

Solution:
  1. Open about:config in your firefox browser.
  2. Search for layout.css.backdrop-filter.enabled and set it to true.

License

⚖️ CC0-1.0 License

Sharing

Although our license does allow for this project to be reposted, modified and shared without permission from us, we do kindly ask that credits are given to the original GitHub page and the Win11 react team when reposting the project publicly.