设计素材
图片、字体、图标、音效、模板。每一条都标明授权方式，可商用的会写清楚，不要拿来路不明的素材。
共 141 条资源
微软 Fluent UI 同款样式引擎：Griffel 用原子 CSS-in-JS，运行时插入却很小
Griffel 是驱动微软 Fluent UI 的样式引擎，走「原子化 CSS-in-JS」路线：你用 JS 对象描述样式，…
不想写一堆类名又想要原子化：Master CSS 用语法直接在 class 里写样式
传统原子化 CSS 要你记住 bg-red-500 这类预设类，扩展性受限于框架。Master CSS 换了种玩法：它让你在…
做可复用 Web Components：Lit 用极轻的基类，组件跨框架都能用
想在 React、Vue、Angular 之间复用同一套组件？Web Components 标准就是答案，而 Lit 是把这…
配色拿不准：Colormind 用 AI 帮你生成整套协调配色，直接抄走
对着空白画布想配色，最容易陷入「红配绿」翻车。Colormind 是一个 AI 配色工具，它用深度学习从真实设计里学来的搭配…
公有领域矢量素材站：Public Domain Vectors 官方免费，商用放心
做印刷品、海报、网站背景时，常需要一批能放心商用的矢量插画与装饰图形。Public Domain Vectors 就是一个专…
既要现成 Web 组件又要设计系统：Vaadin 开源 Web Components 跨框架可用
如果你想要一套「已经做好、还能跨框架用」的企业级组件，Vaadin 的开源 Web Components 很值得看。它把网格…
配色只在脑里想不靠谱：Realtime Colors 实时把整套色铺到样页上看
选好几个十六进制值，真放到界面里往往就「不对味」了。Realtime Colors 的思路很直接：它给你一个仿真的网页样板，…
后台原型与官网页面怎么快速搭：Bootstrap 组件开箱即用，MIT 可商用
做内部管理后台、活动落地页这类「要快、要像样」的页面时，最省事的做法是先用一套成品组件把骨架搭起来。Bootstrap 就是…