uiUI 组件系统
对比

把组件放回用户任务里

UI 是原创组件系统与语义图鉴:先理解,再直接用于应用。

怎样读这份图鉴

中文名说明用户任务,英文名帮助你在官方文档中定位。相同语义只保留一个条目,下面映射不同库的实现。每项都保留来源、核验日期和适用边界。

原创实现与上游来源

所有 73 个条目的预览使用本站的 @sofish/ui 组件包,传入示例数据;详情提供属性、事件与使用代码。组件不是上游库的截图或源代码副本。模型调用、执行授权和外部连接由应用接入;语音录制与实时会话的站内示例显式采用安全演示模式。查看组件系统与使用指南。

为什么区分过程和结果

“正在搜索”说明此刻在做什么;执行记录说明最终做了什么。过程可以结束,结果应能回看。图鉴用明确的交互性质标记这一区别。

证据与限制

来源核验于 2026-11-02,从多个 awesome list 发现候选,再核对官方目录、模式文档和开源许可证入口。用途、差异和可访问性建议是本站的研究归纳,不构成对上游实现的逐项审计。我们没有可比的使用人数或市场份额证据,因此不发布热度排名。

AI Elements 的旧站迁移公告称将于 2026 年 11 月底弃用,shadcn/ui 新入口已上线。新入口将其定义为可组合模式,旧组件拷贝并不自动失效。

本地优先

无需账号,不接入统计。Geist 字体随本地项目提供,中文使用系统字体。主题选择保存在当前浏览器,筛选与对比记录在 URL 中;演示文件只在本地显示名称,不上传内容。

回到组件目录