{"id":15156596,"url":"https://github.com/blueedgetechno/win11react","last_synced_at":"2025-09-30T05:31:36.040Z","repository":{"id":37046873,"uuid":"385332374","full_name":"blueedgetechno/win11React","owner":"blueedgetechno","description":"Windows 11 in React 💻🌈⚡","archived":true,"fork":false,"pushed_at":"2024-08-11T11:17:19.000Z","size":93799,"stargazers_count":9053,"open_issues_count":16,"forks_count":937,"subscribers_count":137,"default_branch":"master","last_synced_at":"2024-09-27T19:23:28.768Z","etag":null,"topics":["css","hacktoberfest","hacktoberfest2022","javascript","react","reactjs","redux","website","windows","windows-11"],"latest_commit_sha":null,"homepage":"https://win11.blueedge.me","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/blueedgetechno.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":"https://www.buymeacoffee.com/blueedgetechno"}},"created_at":"2021-07-12T17:38:43.000Z","updated_at":"2024-09-27T08:39:46.000Z","dependencies_parsed_at":"2023-09-24T02:32:42.571Z","dependency_job_id":"50dcf6a3-4ed8-48e4-b6d9-20682ae05a01","html_url":"https://github.com/blueedgetechno/win11React","commit_stats":{"total_commits":1219,"total_committers":52,"mean_commits":"23.442307692307693","dds":0.5955701394585726,"last_synced_commit":"afb02e797106c208314abbf837ec11bf50da9d62"},"previous_names":["blueedgetechno/windows11"],"tags_count":20,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueedgetechno%2Fwin11React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueedgetechno%2Fwin11React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueedgetechno%2Fwin11React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueedgetechno%2Fwin11React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blueedgetechno","download_url":"https://codeload.github.com/blueedgetechno/win11React/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234707373,"owners_count":18874671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","hacktoberfest","hacktoberfest2022","javascript","react","reactjs","redux","website","windows","windows-11"],"created_at":"2024-09-26T19:23:37.932Z","updated_at":"2025-09-30T05:31:29.925Z","avatar_url":"https://github.com/blueedgetechno.png","language":"JavaScript","readme":"# Win11React\n\n[![Follow me](https://img.shields.io/github/followers/blueedgetechno?label=follow%20me\u0026style=social)](https://github.com/blueedgetechno)\n[![Follow Twitter](https://img.shields.io/twitter/follow/blueedgetechno?label=Follow%20me\u0026style=social)](https://twitter.com/blueedgetechno)\n[![Join](https://img.shields.io/discord/868499076432408627.svg?label=\u0026logo=discord\u0026logoColor=ffffff\u0026color=7389D8\u0026labelColor=6A7EC2)](https://discord.gg/NcjaNdwtnR)\n[![Build \u0026 Deploy](https://github.com/blueedgetechno/win11React/actions/workflows/deploy.yml/badge.svg)](https://github.com/blueedgetechno/win11React/actions/workflows/Build-Deploy.yml)\n[![PR Preview](https://github.com/blueedgetechno/win11React/actions/workflows/pr-preview.yml/badge.svg)](https://github.com/blueedgetechno/win11React/actions/workflows/PR-Preview.yml)\n![Uptime](https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/win11react/status/master/api/win11-react/uptime.json)\n[![Translate](https://badges.crowdin.net/win11react/localized.svg)](https://translate.win11react.com/)\n\n[![\"Buy Me A Coffee\"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/blueedgetechno)\n\nThis 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.\n\n## Notice\n\n\u003e This project is **not in anyway affiliated with Microsoft** and **should not be confused with Microsoft’s Operating System** or Products.\n\u003e This is **not** a Windows 365 cloud PC.\n\n**THIS IS NOT THE APP STORE REPO**:\n[App Store](https://github.com/win11react/store)\n\n**Documentation**:\nhttps://win11react-docs.andrewstech.me/\n\n## _This project is still a work in progress._\n\n#### Live Experience🌈: [win11.blueedge.me](https://win11.blueedge.me)\n\n![Home](./public/img/home.jpg)\n\n## Translation\n\nYou can find other language versions of Win11React here.\n\nSimplified Chinese(**[中文简体](https://github.com/inwinter04/win11React_CN)**)\n\n# Gallery\n\n![image](https://user-images.githubusercontent.com/89068816/154832868-6ec81a0b-0bc3-4e77-a4bf-3391b852fe9c.png)\n\n![pic1](./public/img/gallery2.jpg)\n\n![image](https://user-images.githubusercontent.com/89068816/154832942-b3e435dd-5fe4-4bc1-a9be-34262698625d.png)\n\n# Why\n\nWHY 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!\n\n# Features\n\n- [x] Start Menu, Search Menu and Widgets\n- [x] Desktop and Right Click action\n- [x] Side Navigation and Calendar View\n- [x] Snap windows in different layouts\n- [x] Browser, Store, Terminal, Calculator\n- [x] Notepad, Vscode, Whiteboard\n- [x] File Explorer + Setting\n- [x] Drag and Resize windows\n- [x] Startup and Lock screen\n- [x] Themes and Background\n- [x] Multilang Support\n\n📑 [Suggest More](https://github.com/blueedgetechno/win11React/issues/new/choose)\n\n# Stack\n\n- Framework - React (^17.0.2) + Redux\n- Component/UI Library - None!!\n- Styling Solution - SCSS and CSS Modules (tailwind).\n- Icons - fontawesome\n\n## FAQ\n\n- Is this the full operating system?\n  - No, This is not a full operating system and It is also not affiliated by Microsoft in anyway.\n- How long did it take?\n  - Honestly It took 2-3 days collecting assets, 2-3 planning and about 6 days programming it.\n- Did you use any UI/Library?\n  - No.\n- Can I contribute?\n  - Yes, you can! Open an issue, create a pull request, head over to [discussions](https://github.com/blueedgetechno/win11React/discussions) or join the [Discord](https://discord.gg/NcjaNdwtnR).\n- Where did you get the inspiration from, if you have?\n  - I got the inspiration from [this youtube video](https://www.youtube.com/watch?v=OtOmxa9UMe8).\n- What is the answer of Life, the Universe, and Everything?\n  - 42\n\n![Answer](./public/answer.png)\n\n## 🌟 Star this project\n\n### [⏫ Scroll to the ⭐️ button](#start-of-content)\n\nIf you believe this project has potential, feel free to **star this repo** just like many amazing people have 👇\n![](https://user-images.githubusercontent.com/89068816/188550244-3cd2bca6-7135-418f-9dcd-25ea6bd96d5f.gif)\n\n## Local Deployment\n\n# Docker\n\nTo use docker use the following command:\n`docker run -d --restart unless-stopped --name win11react -p 3000:3000 blueedge/win11react:latest`\n\n# Home Assistant\n\n[![Open your Home Assistant instance and show the add add-on repository dialog with a specific repository URL pre-filled.](https://my.home-assistant.io/badges/supervisor_add_addon_repository.svg)](https://my.home-assistant.io/redirect/supervisor_add_addon_repository/?repository_url=https%3A%2F%2Fgithub.com%2Funofficial-skills%2Faddons)\n\n# Balena-Cloud\n\n[![Balena Deploy Button](https://www.balena.io/deploy.svg)](https://dashboard.balena-cloud.com/deploy?repoUrl=https://github.com/blueedgetechno/win11React)\n\n---\n\n# Compiled\n\nYou can find a compiled `.exe` in the **Releases** section or via clicking [HERE](https://github.com/blueedgetechno/win11React/releases)\n\n**WINGET - WINDOWS PACKAGE MANAGER**\nIf you have one of the latest windows builds then you can enter the command below in **CMD**\n\n`winget install blueedge.win11react`\n\n## Online Deployment\n\n[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)\n\n[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/new/template?template=https%3A%2F%2Fgithub.com%2Fblueedgetechno%2Fwin11React\u0026envs=PORT\u0026PORTDesc=Port+of+the+application\u0026PORTDefault=3000\u0026referralCode=BatemaDevelopment)\n\n[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/blueedgetechno/win11React)\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fblueedgetechno%2Fwindows11%2F\u0026project-name=windows11\u0026repo-name=windows11-react\u0026demo-title=Windows%2011%20Demo\u0026demo-description=Static\u0026demo-url=https%3A%2F%2Fwin11.blueedge.me%2F)\n\n## Contributors\n\n\u003ca href=\"https://github.com/blueedgetechno/win11React/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=blueedgetechno/win11React\" /\u003e\n\u003c/a\u003e\n\n### Known Issues\n\n- Blur not working in Firefox browser.\n\n###### Solution:\n\n1. Open `about:config` in your firefox browser.\n2. Search for `layout.css.backdrop-filter.enabled` and set it to `true`.\n\n## License\n\n⚖️ CC0-1.0 License\n\n## Sharing\n\nAlthough 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.\n","funding_links":["https://www.buymeacoffee.com/blueedgetechno"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblueedgetechno%2Fwin11react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblueedgetechno%2Fwin11react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblueedgetechno%2Fwin11react/lists"}