设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 102 条资源
Ant Design 使用指南：国内企业级中后台事实标准，蚂蚁开源 MIT 授权
Ant Design 由蚂蚁集团开源，是国内企业级中后台几乎绕不开的组件库。它的强项不只是组件多，而是把一套设计语言、设计资源和中后台常见模式一起打包给了你。
想要不像系统自带的那种字体：Fontshare 免费商用字库，风格更有个性
Google Fonts 胜在量大，但也因此常常一眼就认出「这是默认字体」。Fontshare 走的是精选路线，数量不多，风格辨识度高。
Ant Design Vue 企业级组件库，复杂表格表单质量高
Ant Design Vue（社区常称 antdv）是 Ant Design 的 Vue 3 实现，和 React 版功能基本同步。它把企业级复杂组件——表格、表单、树、穿梭框…
NG-ZORRO：Ant Design 的 Angular 企业组件
做企业级中后台，Ant Design 的视觉规范在国内接受度很高。NG-ZORRO 就是 Ant Design 的 Angular 实现，让你在 Angular 项目里直接复用…
Open Props 设计令牌库：渐变阴影配色全有，只给你的 CSS 补变量
Open Props 不给你组件，也不给你一套类名，它只提供一串写好的 CSS 自定义属性：渐变、阴影、缓动曲线、尺寸、配色、字体、圆角，全部是设计令牌。你可以只挑其中一部分引…
Primer 设计系统：GitHub 官方前端方案，开发者工具界面最对口
Primer 是 GitHub 的前端设计系统——GitHub 网站自己就用它。它包含设计原则、Figma 资源、Primer CSS（SCSS）、React 组件（@prim…
只想要干净 CSS 不想带 JS：Bulma 基于 Flexbox，类名像人话
有些项目只是做个静态页或者简单展示，根本不需要下拉、弹窗这类交互，更不想为样式再引入一套 JavaScript。Bulma 就是为这种场景设计的：它是一套纯 CSS 框架，零 …
界面字体首选：Inter 免费开源，小字号下依然清晰
界面里最考验字体的一件事：14px 甚至 12px 的小字，能不能看清。Inter 是专门为屏幕 UI 设计的无衬线体，这也是它被大量产品和设计系统选作默认字体的原因。
shadcn/ui 完全上手指南：组件源码复制进你的 React 项目，2026 默认基元换 Base UI
shadcn/ui 最反直觉的一点：它不是 npm 依赖。你用 CLI 把组件源码直接复制进项目，之后代码就是你的，改什么都不受上游版本卡脖子，这是它和绝大多数组件库的根本区别…
Vuetify：Vue 的 Material 组件库，强绑材料风格
Vuetify 是 Vue 生态里最成熟的 Material Design 实现，组件超过一百个，布局网格体系完整。v4 已经支持 Material Design 3，主题与动…