一个汇聚了全球设计师创意的UI组件宝库
超过3800个精心设计的UI元素，涵盖按钮、卡片、表单、加载器、通知等11大类组件，满足各种设计需求。
每个组件都包含完整的HTML和CSS代码，无需任何依赖，复制粘贴即可使用，极大提高开发效率。
所有组件均由全球设计师和开发者贡献，风格多样、创意十足，为你的项目带来独特的视觉体验。
组件采用现代CSS技术，完美适配各种屏幕尺寸，确保在移动端和桌面端都有出色表现。
项目与Uiverse.io平台同步，每当有新组件被批准，就会自动更新到仓库，保持内容新鲜。
所有组件采用MIT开源协议，可自由使用、修改和分发，商业项目也无需担心版权问题。
11种主要类型，满足所有UI设计需求
三步快速集成到你的项目
访问 Uiverse.io 网站，浏览超过3800个精美UI组件。使用搜索和筛选功能快速找到你需要的组件类型。
选择心仪的组件后，点击复制按钮获取完整的HTML和CSS代码。每个组件都是独立的，无需额外依赖。
将代码粘贴到你的项目中，根据需要调整样式和颜色。所有组件都采用现代CSS，可以轻松自定义。
<button class="cta">
<span>Contact Us </span>
<svg viewBox="0 0 13 10" height="10px" width="15px">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</button>
<style>
.cta {
position: relative;
padding: 11.5px 18px;
transition: all 0.2s ease;
border: 3px solid #552da8;
border-radius: 50px;
background: #552da8;
cursor: pointer;
}
.cta:hover:before {
width: 100%;
background: #1c1c1c;
}
.cta span {
color: white;
font-weight: 400;
}
</style>git clone https://github.com/uiverse-io/galaxy.git
cd galaxy
# 所有组件按类型分类存储在不同文件夹中
ls -la
# Buttons/ Cards/ Checkboxes/ Forms/ Inputs/
# loaders/ Notifications/ Patterns/ Radio-buttons/
# Toggle-switches/ Tooltips/成为Galaxy宇宙的一员
想要为这个UI宇宙贡献你的设计吗？只需两步：
在 Uiverse.io 上创建你独特的UI元素并提交。展示你的创意，让全世界的开发者使用你的设计。
一旦你的提交在平台上被审核通过，它会自动上传到Galaxy仓库，成为这个组件宇宙的永久一部分。
请注意：不接受直接向此仓库提交的Pull Request。Galaxy仓库完全通过Uiverse.io平台管理，以确保质量和一致性。
自由使用，鼓励署名
所有UI元素均采用MIT许可证，你可以自由使用、修改和分发它们。无论是个人项目还是商业应用，都不受限制。
虽然不是强制要求，但我们深切希望并感谢你在使用组件时能够注明原作者和Uiverse.io来源，这是对设计师努力的认可。
通过署名，你不仅促进了分享的理念，也帮助建立了一个更强大的设计师和开发者社区，让创意得以传播。
让UI设计变得简单而有趣
所有3800+组件完全免费，无需付费订阅，无需注册账户，直接使用。为个人和商业项目节省大量UI设计成本。
不需要从零开始设计UI组件，从现有的海量精美组件中选择，几分钟就能完成原本需要几小时的工作。
来自世界各地的设计师贡献，确保组件风格多样化，能够满足不同文化背景和设计偏好的需求。
Uiverse.io提供强大的搜索和筛选功能，通过标签、类型、颜色快速找到完美匹配你项目的组件。
所有组件使用纯CSS编写，样式清晰易读，可以轻松修改颜色、尺寸、动画等属性，适配你的设计系统。
每个组件都是学习CSS技巧和动画效果的绝佳案例，通过阅读代码，提升你的前端开发技能。