设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 162 条资源
海量免费矢量素材站：SVG Repo 官方免费，图标插画随手下
当图标库满足不了，还需要插画、装饰图形、logo 这类矢量素材时，就得去素材站翻。SVG Repo 是一个收录海量 SVG 的免费资源站，涵盖图标、插画、图标字体、3D 等多种…
老牌开源中文黑体：文泉驿正黑免费，Linux 环境常用
在 Linux 桌面与开源生态里，一套能正常显示中文、又不用担心授权的黑体长期是刚需。文泉驿正黑（WenQuanYi Zen Hei）就是国内开源社区早年打磨的中文无衬线字体，…
不想写一堆类名又想要原子化：Master CSS 用语法直接在 class 里写样式
传统原子化 CSS 要你记住 bg-red-500 这类预设类，扩展性受限于框架。Master CSS 换了种玩法：它让你在 class 属性里直接写接近 CSS 语法的表达（…
做网页视频背景：Coverr 的免费视频可商用，不强制署名
网站头图、产品页背景、社媒短片，常常就差一段干净的视频。Coverr 专做免费视频素材，主打「即用」的短片：城市、自然、科技、人物等题材都有，可商用、不强制署名，分辨率够做网页…
公有领域剪贴画老站：Openclipart 官方免费，可商用无负担
如果你要的不是精致图标，而是老派但好用的剪贴画、装饰图形、示意图，Openclipart 是个很省心的去处。这个运营多年的社区站点汇集了大量以公共领域（CC0）发布的矢量作品，…
免费可商用的毛笔楷书：马善政毛笔楷书开源，国风设计常用
做国风海报、书法标题、传统节日物料时，一套有笔锋的毛笔楷书能让气质立刻到位。马善政毛笔楷书是 Google Fonts 上提供的一款开源中文书法字体，笔画带毛笔的提按与飞白感，…
做可复用 Web Components：Lit 用极轻的基类，组件跨框架都能用
想在 React、Vue、Angular 之间复用同一套组件？Web Components 标准就是答案，而 Lit 是把这套标准写起来最省力的库。它用一个极小的基类加上响应式…
配色拿不准：Colormind 用 AI 帮你生成整套协调配色，直接抄走
对着空白画布想配色，最容易陷入「红配绿」翻车。Colormind 是一个 AI 配色工具，它用深度学习从真实设计里学来的搭配规律，帮你生成一整套彼此协调的颜色。你可以锁定某几个…
公有领域矢量素材站：Public Domain Vectors 官方免费，商用放心
做印刷品、海报、网站背景时，常需要一批能放心商用的矢量插画与装饰图形。Public Domain Vectors 就是一个专门汇集公共领域矢量素材的站点，从动物、植物、纹样到地…
免费可商用的手写书法体：龙藏体开源，个性标题很出彩
想要一种带手写感、又比标准楷书更随性的中文标题字，龙藏体是不错的免费选择。它是一款在 Google Fonts 上提供的开源中文书法字体，笔触像毛笔随手写就，连笔与枯笔感明显，…
既要现成 Web 组件又要设计系统：Vaadin 开源 Web Components 跨框架可用
如果你想要一套「已经做好、还能跨框架用」的企业级组件，Vaadin 的开源 Web Components 很值得看。它把网格、日期选择、表单控件等做成标准自定义元素，外观统一、…
配色只在脑里想不靠谱：Realtime Colors 实时把整套色铺到样页上看
选好几个十六进制值，真放到界面里往往就「不对味」了。Realtime Colors 的思路很直接：它给你一个仿真的网页样板，把你调的主色、背景、文字、强调色实时铺上去，你一眼就…