设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 162 条资源
HeroUI 完全指南：由原 NextUI 改名而来，默认视觉就很漂亮的 React 组件库
HeroUI 就是原来的 NextUI，2025 年 1 月正式改名。改名不是为了重写，而是把目标从只服务 Next.js 扩展到整个 React 生态，同时避免被误认成 Ne…
TDesign：腾讯多端设计体系，Vue React 小程序都覆盖
TDesign 是腾讯官方的设计体系，最大特点是多端覆盖——Vue 3、React、小程序、移动端、Flutter 都有对应实现，跨端一致性强，背后有腾讯内部大量业务验证。
Skeleton：Svelte 设计系统，别和老 CSS 框架混
Skeleton 是 Svelte / SvelteKit 生态里的设计系统与组件库，基于 Tailwind CSS。它的特色是主题用 CSS 变量实现，给一个品牌色就能自动生…
Spectre.css 轻量 CSS 框架：基础样式加卡片弹窗等组件，中文作者出品
Spectre.css 是一个轻量的现代 CSS 框架，作者是中国开发者 picturepan2。它包含基础排版与网格，以及按钮、表单、表格、卡片、标签、提示、导航、弹窗、进度…
曾经极火的 Semantic UI 现在还能用吗：上游停更，新项目不建议
Semantic UI 当年靠「ui inverted segment 这种接近自然语言的类名」火遍一时，star 数一度很高。但今天它的上游已经多年没有实质发布，仓库在 20…
中英混排终于对齐：更纱黑体免费开源，等宽不等宽都有
中英文混排是中文排版最常见也最烦的问题：英文用等宽字体、中文用另一套，两边的字高与基线对不上，一行代码或一张表格就歪歪扭扭。更纱黑体把两者的度量对齐了。
Semi Design 上手指南：字节开源企业级设计系统，主题与换肤能力最强
Semi Design 是字节跳动（抖音）前端团队开源的企业级设计系统。它最出彩的不是组件数量，而是主题能力：主题商店、运行时动态换肤、多主题共存，这些在很多库里要自己造轮子。
PrimeVue：Vue 企业级组件库，v4 深度集成 Tailwind
PrimeVue 是 PrimeTek 出品的 Vue 组件库，组件超过九十款，v4 起与 Tailwind CSS 深度集成，可以直接用工具类做主题。数据表格、树表、富文本等…
Shoelace：框架无关的 Web Components 组件库
Shoelace 是基于 Web Components 标准的组件库，特点是框架无关——React、Vue、Angular 甚至纯 HTML 都能直接用它。它已被 Font A…
Water.css 零类名 CSS：给裸 HTML 直接上样式，自动跟随系统明暗
Water.css 是一个 classless（零类名）极简样式表：你不用写任何类，只要写出语义化的 HTML，它就会直接给标题、段落、表格、表单套上样式。它自动跟随系统的明暗…
想要 Material 风格但别用老 Materialize：项目已停滞，新项目绕行
Materialize 把 Google 的 Material Design 搬成了纯 CSS + JS 框架，曾经很流行，star 数也很高。但它实现的是较早的 Materi…
企业级中文免费字体：阿里巴巴普惠体全字重免费可商用
中文字体免费可商用的选项本来就少，能做到「字重齐全 + 覆盖完整 + 官方承诺免费商用」的更少。阿里巴巴普惠体是目前最实用的免费商用中文字体之一。