示例
用组件库拼装的完整应用——每一个都是真实组件，只由设计系统着色，在本页实时运行。
管理控制台
一间营收控制台：统计卡、图表，以及一张可排序、可筛选、可多选的数据表，配抽屉详情与对话框编辑。
- Layout
- Stat
- Chart
- DataTable
- Drawer
- Dialog
- Toast
登录
通向同一间工作台的三扇门：居中卡片、身着纸墨的分屏，以及带重发倒计时的两步验证码。
- Card
- Field
- Input
- Checkbox
- PinInput
- Button
- SegmentGroup
邮件
三栏的信房：文件夹、带未读点与星标的信件列表，以及在对话框里落笔回信的阅读栏。
- Card
- Input
- Badge
- Dialog
- Avatar
任务清单
印坊里的小看板：状态筛选、优先级选择、完成勾选，新建任务在对话框里落笔。
- Checkbox
- Badge
- SegmentGroup
- Select
- Dialog
音乐
一间听音室：专辑架、曲目队列，以及走带行进、唱完自动交棒的正在播放面板。
- Slider
- Button
- Icon
表单
表单工作台：左边一张边输边校验的资料卡，右边一张开关与摘要节奏的偏好卡。
- Form
- FormField
- Input
- Textarea
- Switch
- Select
博客
一个编辑部落格：可筛选的文章栅格、带跟随目录的阅读页，以及评论区串。
- Card
- Badge
- Pagination
- Typography
- Toc
- Comment
- Avatar
营销落地页
一家活版印刷工作室的门面：吸顶导航、衬线主视觉、字标格阵与瀑布流印刷画廊。
- Masonry
- Accordion
- Card
- Avatar
- Badge
- Button
AI 对话工作台
一段模拟的助手对话：流式回复、工具调用、推理过程与建议标签——不走网络，全在本地。
- AiPromptInput
- AiMessage
- AiResponse
- AiTool
- AiSuggestion
GitHub 主页
DemoMacro 的 GitHub 主页，由 ungh API 实时供数：真实头像、star 与 fork 计数，以及分页签的仓库索引。
- Chart
- Tabs
- Card
- Badge
- Avatar
- Button
移动端场景
手持终端里的两块屏：missive 风格的聊天首页与 dispatch 风格的办公工作台，各自由 ConfigProvider 钉在对应场景。
- ConfigProvider
- Avatar
- Badge
- Input
- Icon
生成式界面
从提示词到界面：一段回放的规格流搭出 Elements 组件的界面——可交互、绑定状态，只使用目录内的组件。
- Stack
- Card
- Stat
- Alert
- Input
- Switch
- Select