自研新作React19.3+Electron41跨平台桌面OS平台

[xiaoyan_2018]

还在羡慕 macOS 的桌面体验？现在用 Electron 41 + React 19 自己造！栅格桌面随意拖拽，桌面和 Dock 菜单全用 JSON 定义，双系统风格自由切换。Vite 8 秒启动，Arco Design 颜值在线，一套代码跑遍 Win 和 Mac，桌面端 OS 管理系统就该这么玩！

运用技术

• 跨平台框架：Electron41.1.0
• 前端技术框架：react^19.3.0+vite^8.3.0+react-router^7.18.4
• 组件库：@arco-design/web-react^2.66.16 (字节前端vue3组件库)
• 状态管理：zustand^5.0.15
• 拖拽插件：sortablejs^1.15.7
• 图表组件：echarts^6.1.0
• 模拟数据：axios^1.20.0+mockjs^1.1.0
• 打包构建：electron-builder^26.15.3 

功能性

1. electron+react封装多窗口管理
2. 提供macOS+windows两种桌面风格
3. 支持json格式配置桌面菜单+Dock菜单
4. 自研可拖拽桌面栅格卡片布局
5. 支持自定义桌面背景皮肤、采用高斯模糊毛玻璃效果
6. 提供图表、表格、列表、表单、编辑器等常用页面模板 

项目结构目录

使用最新前端构建工具vite8.3构建react19.3项目模板，搭配electron41跨平台框架。 

 

关于项目更详细的介绍，可以看看下面的这篇文章。

electron41+react19.3+arcoDesign仿macOS/windows桌面OS管理系统