One Architecture
Aligned component structure, public APIs and behavior conventions with Maple.
Consistent APIs
Shared capabilities follow consistent prop, event and type semantics across platforms.
Shared Theme Language
Semantic tokens, brand customization, and light and dark themes.
Made for Desktop
Components and layouts suited to mouse, keyboard and complex desktop applications.
Import What You Use
On-demand components, icons and styles with component resolvers.
Types and Documentation
Vue 3 and TypeScript with type definitions, bilingual documentation and examples.
Cedar × Maple. Two platforms, one architecture.
Cedar is the desktop counterpart to Maple. The two libraries align component APIs, interaction semantics and design tokens, so familiar patterns carry across platforms while each keeps the interactions its platform needs.
| Cedar Design Web | Maple Design Mobile | |
|---|---|---|
| Platform | Desktop · mouse and keyboard | Mobile · touch |
| Components | Shared API and behavior conventions | Shared API and behavior conventions |
| Themes | Semantic tokens · brand themes · light and dark modes | Semantic tokens · brand themes · light and dark modes |
| Explore | You are here | Visit Maple ↗ |
Start with Cedar
pnpm add @cedar-design/ui
See the quick start guide for setup, component imports and styles. For mobile applications, explore Maple Design Mobile.
Contributors
孟帅 · 吴甲明