GitHub - blueedgetechno/win11React: Windows 11 in React 💻🌈⚡
source link: https://github.com/blueedgetechno/win11React
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Win11 in React!
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.
Live Experience: win11.blueedge.me
Gallery
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
Stack
- Framework - React (^17.0.2) + Redux
- Component/UI Library - None!!
- Styling Solution - SCSS and CSS Modules (tailwind).
- Icons - fontawesome
-
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 it took?
- Honestly It took 2-3 days collecting assets, 2-3 planning and about 6 days programming it.
-
Did you use any UI/Library?
-
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?
- I got the inspiration from this youtube video.
-
What is the answer of Life, the Universe, and Everything?
Local Deployment
Docker
To use docker use the following command docker run -d --restart unless-stopped --name win11react -p 3000:3000 ghcr.io/blueedgetechno/win11React:master
Homeassistant
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
Contributors
Known Issues
- Blur not working in Firefox browser.
- Open
about:config
in your firefox browser. - Search for
layout.css.backdrop-filter.enabled
and set it totrue
.
License
CC0-1.0 License
Recommend
-
40
React95 RefreshedWindows95 UI components for your modern React apps. Built with styled-components :nail...
-
23
Bringing React Native to Windows & Mac devices React Native enables you to build world-class native application experiences on multiple platforms...
-
11
Getting Started With React Native: Windows EditionAnnouncing a new free Infinite Red Academy course!
-
11
React Native 之 Windows 下搭建开发环境 2017-06-04...
-
2
News React Native Windows Team 'Dogfoods' New Update By
-
7
react-native-fast-toast A Toast component for react-native, supports Android, IOS, Web, Windows. Features Normal, Success, Danger and Warning toasts Customizable and Icon support Smooth animatio...
-
8
Using CodePush in a React Native for Windows application · React Native for Windows + macOSCodePush is a service built by Microsoft, now incorporated into the Visual Studio App Center platform, which provid...
-
22
In this article, we will discuss how to enable your app to show toast notifications, which you can use to notify the user that something needs their attention, or to notify them that a long running operation has completed. Create a n...
-
2
Windows 11 in React 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. Website
-
8
win11React是一名前端工程师在 Web 上基于 React 搭建 Windows 11 的界面及部分功能。遵守CC知识共享协议。
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK