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

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。