设计
共 55 条资源
设计师的免费弹药：站酷四款字体，全部可商用
做海报时标题字往往决定第一印象。站酷陆续开源了几款中文标题字体，覆盖黑体、手写、文艺等不同气质，而且官方明确可商用。
TW Elements 把 Bootstrap 组件搬上 Tailwind：熟悉写法，平滑过渡
TW Elements 把「Bootstrap 风格的组件 API」搬到了 Tailwind 上：类名写法很像 Bootstrap，让熟悉 Bootstrap 的人能平滑过渡。…
图标不用一个个画：Font Awesome 免费版 2000+ 图标直接调用
界面上总缺几个图标：设置、搜索、分享、提示。自己画费时间，网上找到的多半尺寸风格不统一。图标字体库解决的就是这个「随手要一个图标」的需求。
线条统一的图标库：Lucide 开源免费，SVG 随取随用
界面图标最怕风格打架。Lucide 是一套「所有图标都用同一套线条规范画出来」的 SVG 图标库，放在一起天然协调。
5000+ 图标一次拿全：Tabler Icons 开源免费，MIT 授权最宽松
图标库的实用性问题往往出在「找不到想要的那个语义」。Tabler Icons 的图标数量在开源图标库里属于第一档，覆盖面广，风格也统一。
一个入口调用上百套图标：Iconify 开源免费，不用再换库
每个图标库都有缺口，于是项目里常常同时装着三四个图标库。Iconify 的做法是把上百套开源图标集统一成一个接口，用一个 API 就能调用全部。
Tailwind 团队做的图标库：Heroicons 开源免费，描边实心都有
同一个图标，有时候需要描边版，有时候需要实心版——比如导航栏未选中用描边、选中了用实心。Heroicons 为每个图标都提供了两种风格。
一个图标六种轻重：Phosphor Icons 开源免费，风格弹到最细
界面的视觉密度是变化的：大屏设计稿里图标可以细一点，密集的移动端工具栏就得粗一点。Phosphor Icons 让同一个图标有六种「轻重」可选。
Google 官方图标：Material Symbols 免费，还能调粗细和圆角
谷歌的 Material 图标经历了三代，现在的 Material Symbols 是可变的：粗细、字号、圆角、填充程度都能通过参数调，一个图标能演化出很多种长相。
品牌图标不用手绘：Simple Icons 收录 3000+ 品牌标识，CC0 授权
做「分享到微信」「关注我们」这类模块时，最难的不是排版，是找到风格一致、又不会画歪的品牌标识。Simple Icons 把主流品牌与平台的标识统一重绘了一遍。