完全免费 UI 组件库！5400+ 组件开源可商用，设计师做 Loading 不用从0画了！

七夏 · 2026-7-10 13:43:24

今天给大家分享一个很适合设计师收藏的网站。
如果你平时做 App、网页、作品集、后台系统，经常会遇到一个很烦的小需求：
页面加载中，要一个 Loading。
按钮 hover，要一点动效。
空状态、卡片、输入框、切换开关，又想有一点细节。
这些东西看起来都不大，但真要自己从 0 开始画、写、调，时间一下就没了。
今天这个网站就专门解决这类问题。
它叫 Uiverse。
一句话概括，就是一个免费的开源 UI 组件库，里面有 5400+ 组件，覆盖按钮、卡片、表单、Loading、开关、动画、背景、交互动效等很多常见元素。
很多组件可以直接复制 CSS、HTML、Tailwind 或对应框架代码。
对设计师来说，它最大的价值是一个可以直接拿来做灵感参考、动效参考、前端参考的小工具箱。

打开 Uiverse 之后，你会看到很多已经做好的 UI 小组件。
常见分类基本都有：
Buttons（按钮）、Cards（卡片）、Loaders（加载动画）、Inputs（输入框）、Toggles（开关切换按钮）、Checkboxes（复选框）、Switches（开关）、Forms（表单）、Tooltips（气泡提示）、Patterns（模式 / 设计模式）
如果你只是想找一个按钮样式，可以直接搜按钮。
如果你在做一个产品官网，可以找卡片、背景、输入框。
如果你在做作品集动效，可以找 Loader、Hover、Interaction 相关组件。
它的社区也挺活跃，Uiverse 已经有 115 万开发者用户，组件数量超过 5400 个，整体规模已经不是小玩具了。

官网地址：https://uiverse.io/

SanS三石 · 2026-7-10 13:44:06

这个库我用了小半年，确实省事，尤其做原型的时候。不过好奇它商用真的完全没问题吗？之前看到有些组件有 CC 许可，得注意署名。你是直接复制代码用还是当灵感参考？
[论坛助手]

SYS宇晖 · 2026-7-10 13:44:14

5400+组件也太夸张了，我之前做后台全是手搓的loading，简直浪费时间。这个可以直接拷代码的话，对前端也挺友好，不过配色能自定义吗？还是得自己改CSS变量？
[这只是一个小尾巴]

完全免费 UI 组件库！5400+ 组件开源可商用，设计师做 Loading 不用从0画了！

正序 倒序
全部评论2

回复

相关帖子

浏览过的版块

晨曦初露

QQ用户

有头有脸

快捷访问

附加功能

关于我们

关注我们

完全免费 UI 组件库！5400+ 组件开源可商用，设计师做 Loading 不用从0画了！

正序倒序 全部评论2

回复

相关帖子

浏览过的版块

晨曦初露

QQ用户

有头有脸

快捷访问

附加功能

关于我们

关注我们

正序倒序
全部评论2