设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 162 条资源
移动端起家的免费图标库：Ionicons 开源，App 与网页都顺手
如果你在做一个面向手机的应用或站点，图标在小平屏上的可读性比在大屏上更挑剔。Ionicons 最初就是为 Ionic 移动框架设计的开源图标库，线条和留白都针对触控场景打磨过，…
程序员最爱的等宽字体：Fira Code 开源，连字让代码更顺眼
写代码时，连在一起的 `=>`、`!=`、`===` 往往要人脑自行拼读。Fira Code 是一款专为开发者打造的等宽开源字体，最大特色是把常见编程符号组合渲染成更易读的连字…
Svelte 5 用户换组件库：Bits UI 用 runes 重写，无样式原语随你塑形
Svelte 5 把响应式换成了 runes，旧组件库不一定跟得上。Bits UI 是面向 Svelte 5 重写的一整套无样式（unstyled）组件原语，覆盖对话框、下拉、…
做网页缺生活感配图：Kaboompics 的 CC0 照片可商用、不强制署名
做产品页、博客、社媒，常需要咖啡、办公桌、家居这类「生活感」配图。Kaboompics 专门提供这类高质量照片，全部 CC0——可商用、无需署名，还常附同色系配色方案，做视觉搭…
纯 CSS 画的免费图标库：css.gg 零依赖，前端直接写样式
大多数图标以字体或 SVG 形态存在，但有些场景你只想用纯 CSS 把图形画出来，避免额外请求字体文件。css.gg 就是一套用纯 CSS（含少量内联 SVG 兜底）绘制的开源…
微软出品的免费代码字体：Cascadia Code 开源，终端连字顺手
Windows 终端和 VS Code 用户想要一套和自家工具气质契合的等宽字体，Cascadia Code 就是微软给出的答案。它专为命令行与新终端设计，支持编程连字，字形在…
想要开箱即用的 React 组件：Keep React 基于 Tailwind，装好就能拼出后台界面
有些团队不想从 headless 原语慢慢拼，就想要「装好就有好看组件、直接堆页面」的体验。Keep React 就是这类：一套基于 Tailwind CSS 与 Framer…
做 3D 渲染缺材质：FreePBR 的 PBR 贴图免费下，商用也基本无门槛
做游戏、建筑可视化或产品渲染，材质决定质感。FreePBR 是一个专门提供 PBR（基于物理渲染）贴图的站点，砖墙、木地板、金属、布料等一套套 albedo、法线、粗糙度图都齐…
图标量大管饱的免费图标库：Boxicons 开源，一套顶日常大半需求
当项目图标需求又多又杂，一套「量大管饱」的库能少踩很多坑。Boxicons 就是这样一个开源图标集合，提供常规、实心、标志三大系列，图标总量远超多数同类，从箭头按钮到品牌标识都…
IBM 出品的企业级字体家族：IBM Plex 开源，中西文一套齐
企业想把品牌气质贯穿到每一段文字，从西文标题到中文正文都要同一套调性。IBM Plex 是 IBM 推出的开源字体家族，涵盖 Sans、Serif、Mono 以及中文（Plex…
做产品级设计系统：Reshaped 给 React 与 React Native 一套统一组件与令牌
很多组件库只管 Web，到了 React Native 又要另找一套，视觉很难统一。Reshaped 想解决的就是这个：它是一套面向产品的设计系统，Web 端用 React、移…
渲染要真实表面：3D Textures 的 PBR 纹理免费、CC0 可商用无需署名
做 Blender、Unity、Unreal 里的材质，缺的就是一套可信的 PBR 纹理。3D Textures 是一个老牌免费纹理站，砖、石、木、土、金属、布料一应俱全，全部…