Uiverse

开源免费的 UI 组件社区库,提供 7000+ 可直接复制的 CSS/React/Tailwind 元素,支持一键导入 Figma,无需安装、免费商用。

coding 🆓 免费 🔓 开源
✨ 7000+ 开源 UI 元素,持续更新✨ 支持 HTML/CSS、Tailwind、React 和 Figma 一键导出✨ 100% 免费,个人和商业项目均可商用✨ 社区活跃,31万+ 贡献者共同维护✨ 无需安装依赖,复制即用
🌐 访问官网 →

产品概述

Uiverse 是一个由全球开发者共同维护的开源 UI 元素社区库,目前收录超过 7300 个现成组件(包括按钮、卡片、表单、加载动画、提示框等)。所有组件均由社区成员在 GitHub 上贡献,遵循 MIT 许可,个人和商业项目均可免费使用,无需署名。Uiverse 最大的特点是“即拿即用”——你不需要安装任何依赖或框架,直接复制代码就能粘贴到 Webflow、Wix、React、Vue 等项目里。

核心优势

**资源丰富且持续更新**:社区已经有 31 万+ 贡献者,每周新增数十个新元素。你可以在网站按标签(如渐变按钮、毛玻璃卡片、暗黑模式)快速筛选,也可以直接搜索关键词找到最匹配的组件。 **多格式一键导出**:每个组件页面都提供 HTML/CSS、Tailwind CSS、React 三种代码格式,还能直接“Copy to Figma”复制到设计软件中。这意味着设计师拿到的组件和开发者最终用的代码完全一致,消除了设计与开发之间的格式转换成本。 **零成本上手,完全免费**:不需要注册账号就能浏览和复制代码。如果你需要批量下载,还可以用官方 CLI 工具(`uui`)一次性拉取多个组件到本地文件夹。组件本身只是样式和交互片段,不含复杂业务逻辑,适合用项目框架自行包装状态管理。

适用场景