Win11React

这个开源项目旨在使用标准的Web技术如React、CSS（SCSS）和JS在网页上复制Windows 11桌面体验。

注意

本项目与微软没有任何关联，不应与微软的操作系统或产品混淆。 这不是Windows 365云PC。

这不是应用商店仓库： 应用商店

文档： https://win11react-docs.andrewstech.me/

本项目仍在开发中。

在线体验🌈：win11.blueedge.me

翻译

你可以在这里找到Win11React的其他语言版本。

简体中文(中文简体)

图库

为什么

为什么不呢？为什么不花一周时间创建一个React项目，只是为了掩饰你对自己能力不足的不安全感。为什么不呢！

特性

• 开始菜单、搜索菜单和小部件
• 桌面和右键操作
• 侧边导航和日历视图
• 以不同布局对齐窗口
• 浏览器、商店、终端、计算器
• 记事本、VSCode、白板
• 文件资源管理器 + 设置
• 拖动和调整窗口大小
• 启动和锁屏界面
• 主题和背景
• 多语言支持

📑 提出更多建议

技术栈

• 框架 - React (^17.0.2) + Redux
• 组件/UI库 - 无!!
• 样式解决方案 - SCSS和CSS模块（tailwind）
• 图标 - fontawesome

常见问题

• 这是完整的操作系统吗？
  • 不是，这不是完整的操作系统，也与微软没有任何关联。
• 花了多长时间？
  • 老实说，收集素材花了2-3天，规划花了2-3天，编程大约花了6天。
• 你使用了任何UI库吗？
  • 没有。
• 我可以贡献吗？
  • 当然可以！提出问题、创建拉取请求、前往讨论区或加入Discord。
• 你的灵感来自哪里（如果有的话）？
  • 我从这个YouTube视频获得了灵感。
• 生命、宇宙以及一切的答案是什么？
  • 42

🌟 为这个项目点星

⏫ 滚动到 ⭐️ 按钮

如果你认为这个项目有潜力，可以像许多优秀的人一样为这个仓库点星👇

本地部署

Docker

使用Docker，请使用以下命令： docker run -d --restart unless-stopped --name win11react -p 3000:3000 blueedge/win11react:latest

Home Assistant

Balena-Cloud

编译版本

你可以在Releases部分找到编译好的.exe文件，或者点击这里

WINGET - WINDOWS包管理器 如果你使用的是最新的Windows版本，可以在CMD中输入以下命令

winget install blueedge.win11react

在线部署

贡献者

已知问题

• 模糊效果在Firefox浏览器中不起作用。

解决方案：

1. 在Firefox浏览器中打开about:config。
2. 搜索layout.css.backdrop-filter.enabled并将其设置为true。

许可

⚖️ CC0-1.0 许可证

分享

尽管我们的许可证允许在未经我们许可的情况下重新发布、修改和共享这个项目，但我们诚挚地请求在公开重新发布项目时，给予原始GitHub页面和Win11 React团队适当的信誉。