🐲 React-to-Win11

使用 Web 技术在 Web 上 复刻 Windows 11 桌面体验

项目预览

https://cvopen.github.io/react-to-win11

预览时建议浏览器全屏(按下f11)，不要打开控制台，为了保证体验，对页面宽高有所限制，报错时会进入蓝屏页面。

系统功能

• 启动页
• 登录页
• 蓝屏页
• 开始菜单和搜索菜单
• 左侧控件: 当前天气，微博、百度热搜、疫情数据
• 状态栏管理
• 日历
• 系统通知
• 任务栏窗口预览
• 重启和锁屏
• 主题切换, 护眼模式, 亮度调节
• 窗口拖动, 大小调节
• 窗口分屏
• 右键菜单

应用

• vscode
• edge 浏览器

技术栈

React18 + Ts + redux-toolkit + styled-components