摘要:就在前几天,那个被称为「前端宝藏后花园」的Uiverse.io毫无预兆地甩出王炸:2.0 正式版上线,一次带来 3000+ 全新 UI 组件!
就在前几天,那个被称为「前端宝藏后花园」的 Uiverse.io 毫无预兆地甩出王炸:2.0 正式版上线,一次带来 3000+ 全新 UI 组件!
而且:
全部 MIT 协议,商用零负担官方原生导出 React / Vue / Svelte / HTML 四种代码动画炫酷到设计师「瞳孔地震」,体积却普遍等于一口气给你 30 个主流组件库的素材量!而且清一色「别人家的按钮」——会呼吸、会发光、会扭腰。
随手挑 5 个本周最炸:
Button Mastery:毛玻璃 + 极光渐变,暗黑模式自动切换,苹果官网即视感。Voice Control:炫酷的音频语音控制效果,有种未来的感觉。Solid Metal:金属液态毛玻璃效果,特效满满。Joao Canais:纯 CSS 3D 加载旋转效果,网站一键炫酷。UI/EX Designer:动态卡片效果,交互效果满满。1. 设计师:Figma 里直接拖!
官方插件 Uiverse for Figma 同步 2.0 全部组件,拖进画板自动匹配样式 + 变量,再也不用「截图 → 吸色 → 手搓」。
2. 开发者:10 秒接入项目!
每个组件都给「框架级」导出:
// NeonButton.tsximport styles from './NeonButton.module.css';export const NeonButton = ({ children }) => ;Vue3 示例
体积?
官方强制 gzip
所有新组件默认 CSS 变量,品牌色 5 秒替换:
:root { --accent: #6366f1; /* 换你的主色 */ --surface: #ffffff; --text: #1f2937;}暗黑模式?媒体查询已写好,无需额外代码:
@media (prefers-color-scheme: dark) { :root { --surface: #0f172a; --text: #e2e8f0; }}Uiverse 2.0 = 免费 + 开源 + 日更 + 炫酷 + 轻量
别再让「手撸 CSS」拖慢迭代,也别再让「界面太丑」成为背锅理由。
3000+ 新组件已经备好,接下来,就看你 Ctrl+C / Ctrl+V 的手速了!
来源:不秃头程序员