设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 162 条资源
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，主题与动…
PrimeNG 上手：组件最全的开源 Angular 库
PrimeNG 是 PrimeTek 出品的 Angular 组件库，以「组件多」著称——80+ 组件，从数据表格到图表、富文本、文件上传、拖放甚至终端模拟器都内置，适合 CR…
Milligram 极简 CSS 框架：压缩仅约 2KB，给基础元素一个体面底子
Milligram 是一个极简到极致的 CSS 框架：压缩后大约 2KB，只提供最基础的元素样式——排版、按钮、表单、列表、表格，再配一套 12 列 Flexbox 网格。它没…
ZURB 出品的 Foundation 还值得用吗：响应式老框架，如今偏维护
Foundation 是和 Bootstrap 同时代起步的响应式前端框架，由设计公司 ZURB 出品，曾经是企业级站点的常客。它的 XY Grid 网格和无障碍理念都挺超前，…
写代码看的字体：JetBrains Mono 免费开源，把易混字符分开
代码里最烦的就是把 0 看成 O、把 l 看成 1。编程等宽字体存在的意义就是把这类字符彻底区分开，同时让整段代码的行高节奏更稳。