UI设计

Keep Design System有免费版 StaticMania 出品的界面资源库，把按钮、表单、图表等做成 Figma 组件变体，配设计令牌变量统一管理颜色与间距，并附 40 多个组件的开源 React 库，适合做 SaaS 后台和管理面板的设计师与前端开发者快速搭出原型。 Radix UI免费 面向 React 的开源组件库，分 Themes、Primitives、Icons、Colors 四部分，Primitives 只留交互与可访问性逻辑、便于套用自有设计系统，适合已有设计规范、不想从零处理键盘导航和屏幕阅读器兼容的前端团队。 shadcn/ui免费不用登录 开源的 React 组件集合，基于 Radix UI 和 Tailwind CSS，把按钮、对话框、表单等源码放在文档站供按需复制，适合想统一团队组件风格、又不愿被第三方库默认样式绑住的前端开发者。 Penpot有免费版要登录 开源的设计与原型平台，把界面设计、设计系统、代码检查放在同一工作区，开发者能直接看到组件对应的 CSS、SVG 和 JSON，适合设计师与开发者混编、在意文件归属的产品团队协作交付。 21st有免费版可选登录 面向 React 开发者的 UI 组件库，收录上千个基于 Tailwind 的按钮、定价区块、AI 聊天界面等组件，可在线预览后复制提示词或安装命令，适合想让 AI 编程助手直接检索并安装界面的前端开发者。 A Ant Design免费不用登录国内可直接访问 蚂蚁集团开源的企业级 UI 设计语言和 React 组件库，把按钮、表格、表单等常见元素做成开箱即用的组件，主题走 CSS-in-JS 可改主色圆角，适合前端开发者拼装中后台管理系统和数据看板。 本站 11 月 8 日 检测 NutUI 京东出品的移动端组件库，提供 Vue 与 React 两套实现，可经 Taro、uni-app 跨端到小程序，另有面向大促、抽奖和商城业务的高级组件，适合用 Vue 或 React 搭电商活动页的前端开发者。 妙多有免费版要登录 北京看云软件推出的云端界面设计工具，可学习现有风格生成界面初稿并通过 MCP 输出前端代码，已于 2026 年 7 月 31 日停止服务，原本面向想试 AI 生成与代码交付的产品设计师和研发团队。 Uiverse免费 社区投稿的免费 UI 元素库，收录按钮、加载动画、卡片、表单等成品组件，可按 HTML/CSS、Tailwind、React 取码或直接粘进 Figma，适合赶工期的前端开发者快速凑出交互细节。 Ant Design X Vue Ant Design X 的社区 Vue 实现，按 RICH 设计范式提供 AI 对话界面组件，含欢迎、快捷命令、进度加载等模块，给 Vue 开发者搭 AI 应用界面。 Motion有免费版 由 Motion Division 出品的开源 Web 动画库，把布局过渡、手势交互、滚动联动和弹簧动画封装成少量 API，在 React、Vue 和原生 JS 中都能用，适合正在做前端项目、想给界面加细腻动效的开发者。 Tabler有免费版国内可直接访问 基于 Bootstrap 5 的开源 HTML 管理后台模板，自带 100 多个 UI 组件、6 套预置布局和深浅两套主题，另有 6257 个图标可搭配使用，适合前端开发者跳过空白页、直接改内容搭出仪表盘界面。 本站 11 月 8 日 检测 shadcn/vue免费不用登录 unovue 维护的开源 Vue 界面组件集合，以源码复制方式提供按钮、对话框、表单等元素和账户设置、聊天窗口等页面区块，附可预览效果与代码，适合熟悉 Tailwind CSS 的前端在搭中后台时直接取用改造。 DevUI免费 华为开源的企业中后台前端组件库与设计体系，基于 Angular，提供 Tree、Table 等可灵活配置的组件和设计原则文档，适合用 Angular 10 及以上版本搭建管理系统的前端团队与设计师。 daisyUI 基于 Tailwind CSS 的开源插件，用 btn、card 等语义类名替代成串工具类，颜色走 CSS 变量、换主题不用改类名，适合已在用 Tailwind 的前端开发者快速搭后台和表单页。