Uiverse

uiverse.io又名 UIverse

社区投稿的免费 UI 元素库,收录按钮、加载动画、卡片、表单等成品组件,可按 HTML/CSS、Tailwind、React 取码或直接粘进 Figma,适合赶工期的前端开发者快速凑出交互细节。

工具免费网页英文开源

Uiverse 首页截图

Uiverse 是一个由社区投稿的 UI 元素库。页面上摆着按钮、加载动画、卡片、输入框、开关、提示气泡等成品组件,每个都带「Get code」按钮,点开就能拿到代码。它解决的是那种「这个效果不难写,但懒得从头调」的琐事——找一个现成的,改改颜色和尺寸就能用。

主要功能

组件可以按 HTML/CSS、Tailwind、React 和 Figma 四种形式取用,Figma 那边是从元素页面直接复制粘贴过去。站内按用途做了分类:加载状态、按钮悬停与渐变、玻璃拟态卡片、表单输入、CSS 提示气泡、背景图案等,也有按标签浏览的入口。页面显示收录了 7,467 个元素,贡献者数量标为 395,569。

另有一个叫 Uiverse Galaxy 的开源项目放在 GitHub 上,可以整库取用。

适合谁

赶工期的前端开发者最省事,尤其是需要快速凑出交互细节的时候。设计师也能用,把元素粘进 Figma 当视觉参考或原型素材。对正在学 CSS 的人,翻别人的实现比读文档直观。

费用与限制

站点声明所有内容免费,个人和商业项目都能用,代码以 MIT 许可发布。界面是英文,没有中文版。组件质量取决于投稿者,风格和代码整洁度参差不齐,拿来之后最好自己过一遍再放进项目。

常见问题

Uiverse 收费吗?
Uiverse 免费使用。全部免费,个人与商业项目均可用。
Uiverse 有哪些平台 / App?
支持 网页。
Uiverse 的替代品有哪些?
本站整理了 5 个替代品,例如 daisyUI、shadcn/ui、HeroUI、TDesign。

替代品 全部 5 个 →

daisyUI 基于 Tailwind CSS 的开源插件,用 btn、card 等语义类名替代成串工具类,颜色走 CSS 变量、换主题不用改类名,适合已在用 Tailwind 的前端开发者快速搭后台和表单页。替代成品组件这一块:语义类名直接拼出按钮、卡片,但拿不到现成动画和 Figma 粘贴 shadcn/ui免费不用登录 开源的 React 组件集合,基于 Radix UI 和 Tailwind CSS,把按钮、对话框、表单等源码放在文档站供按需复制,适合想统一团队组件风格、又不愿被第三方库默认样式绑住的前端开发者。替代 React 组件取码这一块:源码直接复制可改,但只覆盖 React,没有纯 CSS 动画和 Figma 素材 HeroUI有免费版 开源的 React 与 React Native UI 组件库,提供 120 多个内置可访问性的组件,主题配置一次即可同时适配 Web 和移动端,适合已用 React 做项目、想快速搭出统一视觉风格的前端开发者。替代 React 端组件这一块:组件更成体系、质量更稳,但需装依赖,缺纯 HTML/CSS 片段 TDesign免费不用登录 腾讯开源的企业级设计体系,把设计规范、Figma 资源和多端 UI 组件打包在一起,覆盖 React、Vue、小程序、Flutter 等栈,图标可调描边与多色填充,适合前端团队照着同一套规范快速搭出统一界面。替代组件与 Figma 资源这一块:设计规范加多端组件更完整,但偏企业体系,没有社区投稿的零散特效

收录于 2025 年 11 月 · 更新于 11 月 8 日 · 浏览 254 · 报告问题

替代品 5 个打开官网uiverse.io