Win11React screenshot

Win11React

Author Avatar Theme by Blueedgetechno
Updated: 11 Aug 2024
9393 Stars

Windows 11 in React

Categories

Overview:

The Win11React project aims to recreate the desktop experience of Windows 11 on the web using standard technologies like React, CSS (SCSS), and JS. It is an open-source project not affiliated with Microsoft’s Operating System or Products.

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
  • Multilang Support

Installation:

Local Deployment using Docker:

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-on repository dialog with a specific repository URL pre-filled.

Balena-Cloud:

  • Balena Deploy Button

Compiled:

  • Find a compiled .exe in the Releases section or via the provided link.

Online Deployment:

  • Deploy on Railway
  • Deploy to Netlify
  • Deploy with Vercel

Summary:

The Win11React project is a creative endeavor to bring the Windows 11 desktop experience to the web through React, CSS, and JS. Not associated with Microsoft, this open-source project offers a range of features replicating various aspects of the Windows 11 interface. With options for both local and online deployment, contributors are welcome to enhance and improve the project, making it an engaging community initiative for those interested in web development.