双端同构
与 Maple 对齐组件结构、公共 API 与行为约定，让一端积累的经验延续到另一端。
统一 API
相同能力遵循一致的属性、事件和类型语义，减少跨端开发的理解成本。
统一主题
共享语义 Token 与主题语言，支持品牌定制和亮暗模式。
桌面端体验
面向鼠标、键盘与桌面布局，提供适合复杂页面的组件和交互。
按需组合
组件、图标与样式按需引入，配合解析器构建应用。
类型与文档
基于 Vue 3 与 TypeScript，提供类型提示、中英文文档与组件示例。
Cedar × Maple，同构的两端。
Cedar 是 Maple 的桌面端同构组件库。两端对齐组件 API、交互语义与设计 Token，让已有的组件使用经验延续到另一端，同时为鼠标、键盘与桌面布局提供合适的交互。
| Cedar Design Web | Maple Design Mobile | |
|---|---|---|
| 面向场景 | 桌面端 · 鼠标与键盘 | 移动端 · 触控操作 |
| 组件约定 | 统一 API 与行为语义 | 统一 API 与行为语义 |
| 主题体系 | 语义 Token · 品牌定制 · 亮暗主题 | 语义 Token · 品牌定制 · 亮暗主题 |
| 开始探索 | 当前站点 | 前往 Maple ↗ |
从 Cedar 开始
pnpm add @cedar-design/ui
按照快速上手完成安装、组件引入和样式配置。移动端应用可前往 Maple Design Mobile。
贡献者
孟帅 · 吴甲明