MAC_UI是基于WIN10UI开发的mac风格H5后台UI框架。它有桌面图标自动排序、任务栏结合iframe窗口管理等功能,API极少,大部分用HTML元素定义,响应式兼容多设备,主流现代浏览器适用,v1.1.2.5还有新特性。
MACOS 桌面风格 H5 后台 UI 框架 - MAC_UI
概述
基于 WIN10UI 打造的 macOS 风格后台 UI 框架,让您轻松构建令人眼前一亮的后台界面。
主要特性
桌面体验
- 桌面图标自动排序:基于 H5 制作,界面干净整洁
- 任务栏管理:结合 iframe 子窗口,提供与 Windows 一致的窗口管理体验
- 开始菜单 + 消息中心:满足后台 UI 设计需求
技术优势
- 极简 API:大部分功能可通过 HTML 元素定义完成
- 响应式设计:在手机浏览器上也有良好表现
- 高斯模糊支持:支持 class 配置
blur background_blur(v1.1.2.5+)
兼容性
- 目前仅保证对主流现代浏览器的兼容性支持
v1.1.2.5 更新说明
小更新内容
- 为插件开发做准备,添加了一些语法糖(具体改动请参考更新日志)
更新方式
- 推荐方式:
- 基本无需修改 HTML 文件
- 只需覆盖更新 CSS 和
win10.js文件
- HTML 文件修改(可选):
- 在
#mac>.desktop div下添加一行代码:
html<div id="mac-desktop-scene"></div>- 添加位置:末尾
- 在
- 自动修正:
- 对于不想修改 HTML 的用户,JS 中添加了自动修正代码
- ⚠️ 注意:此修正代码将在未来版本移除,仅作为临时解决方案
设计理念
通过简洁的 HTML 结构和少量的 JavaScript 代码,实现 macOS 风格的后台界面,同时保持与 Windows 类似的交互体验,兼顾美观与实用性。




