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

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

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

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

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

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