设计
共 55 条资源
后台原型与官网页面怎么快速搭：Bootstrap 组件开箱即用，MIT 可商用
做内部管理后台、活动落地页这类「要快、要像样」的页面时，最省事的做法是先用一套成品组件把骨架搭起来。Bootstrap 就是这类组件式 CSS 框架里安装量最大的一个，预置了导…
浏览器里的 PS：Photopea 免费在线修图，能直接开 PSD
临时要改一张图，但手边这台电脑什么都没装；或者收到一个 PSD，需要确认图层内容 —— 打开浏览器就能解决的方案，比装软件快得多。
Open Props 设计令牌库：渐变阴影配色全有，只给你的 CSS 补变量
Open Props 不给你组件，也不给你一套类名，它只提供一串写好的 CSS 自定义属性：渐变、阴影、缓动曲线、尺寸、配色、字体、圆角，全部是设计令牌。你可以只挑其中一部分引…
不想为修图买订阅：GIMP 免费开源，图层、蒙版、抠图一样不少
修图软件改成按年订阅之后，「偶尔改一张图」这件事变得很别扭。GIMP 是这条路上最成熟的开源替代，用了二十多年，功能早就够日常修图。
只想要干净 CSS 不想带 JS：Bulma 基于 Flexbox，类名像人话
有些项目只是做个静态页或者简单展示，根本不需要下拉、弹窗这类交互，更不想为样式再引入一套 JavaScript。Bulma 就是为这种场景设计的：它是一套纯 CSS 框架，零 …
界面字体首选：Inter 免费开源，小字号下依然清晰
界面里最考验字体的一件事：14px 甚至 12px 的小字，能不能看清。Inter 是专门为屏幕 UI 设计的无衬线体，这也是它被大量产品和设计系统选作默认字体的原因。
Vuetify：Vue 的 Material 组件库，强绑材料风格
Vuetify 是 Vue 生态里最成熟的 Material Design 实现，组件超过一百个，布局网格体系完整。v4 已经支持 Material Design 3，主题与动…
做 LOGO、画矢量图：Inkscape 免费开源，SVG 原生编辑不输付费软件
矢量图放大不失真，做 LOGO、图标、印刷品都绕不开。Illustrator 是行业标准，但价格不低；Inkscape 是这个位置上最成熟的开源选择。
Milligram 极简 CSS 框架：压缩仅约 2KB，给基础元素一个体面底子
Milligram 是一个极简到极致的 CSS 框架：压缩后大约 2KB，只提供最基础的元素样式——排版、按钮、表单、列表、表格，再配一套 12 列 Flexbox 网格。它没…
Naive UI：尤雨溪推荐、零依赖的 Vue 3 组件库，类型安全
Naive UI 是尤雨溪公开推荐过的 Vue 3 组件库，百分之百用 TypeScript 编写，类型提示精准。它零外部依赖、内置虚拟列表，组件微动效也做得精致，适合追求轻量…