Skip to content

codewithanmol/win-11-clone-react-

Win11 in React!

sorrry but it is incomplete 4 file is not import here deu some error so contact me if you download source code contact me now +917505786766 [![Follow me] (https://www.instagram.com/itz_anmol_tyagi_vasishth/) if it's not working so please feel free and contact me on what's app +917505786766

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 also not Windows 365 cloud PC.

THIS IS NOT THE APP STORE REPO

App Store

Live Experience🌈:

home

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

  • Start Menu, Search Menu and Widgets
  • Desktop and Right Click action
  • Side Navigation and Calendar View
  • Snap windows in different layouts
  • Browser, Store, Terminal, Calculator
  • Notepad, Vscode, Whiteboard
  • File Explorer + Setting
  • Drag and Resize windows
  • Startup and Lock screen
  • Themes and Background

📑 suggest more

Stack

  • Framework - React (^17.0.2) + Redux
  • Component/UI Library - None!!
  • Styling Solution - SCSS and CSS Modules (tailwind).
  • Icons - fontawesome

FAQ

  • Is this the full operating system?

    • No, This is not a full operating system and It is also not affiliated by Microsoft in anyway.
  • How long did it take?

    • Honestly It took 2-3 days collecting assets, 2-3 planning and about 6 days programming it.
  • Did you use any UI/Library?

    • No.
  • Can I contribute?

    • Yes, you can! Open an issue, create a pull request, head over to discussions or join the discord.
  • Where did you get the inspiration from, if you have?

  • What is the answer of Life, the Universe, and Everything?

    • 42

      answer

Local Deployment

Docker

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

Homeassistant

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](https://dashboard.balena-cloud.com/deploy?repoUrl=https://www.instagram.com/itz_anmol_tyagi_vasishth/


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

Online Deployment

Contributors

Known Issues

  • Blur not working in Firefox browser.
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

About

this is simple to use it's a windows 11 clone projects

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published