设计
共 43 条资源
后台原型与官网页面怎么快速搭：Bootstrap 组件开箱即用，MIT 可商用
做内部管理后台、活动落地页这类「要快、要像样」的页面时，最省事的做法是先用一套成品组件把骨架搭起来。Bootstrap 就是这类组件式 CSS 框架里安装量最大的一个，预置了导…
浏览器里的 PS：Photopea 免费在线修图，能直接开 PSD
临时要改一张图，但手边这台电脑什么都没装；或者收到一个 PSD，需要确认图层内容 —— 打开浏览器就能解决的方案，比装软件快得多。
Open Props 设计令牌库：渐变阴影配色全有，只给你的 CSS 补变量
Open Props 不给你组件，也不给你一套类名，它只提供一串写好的 CSS 自定义属性：渐变、阴影、缓动曲线、尺寸、配色、字体、圆角，全部是设计令牌。你可以只挑其中一部分引…
只想要干净 CSS 不想带 JS：Bulma 基于 Flexbox，类名像人话
有些项目只是做个静态页或者简单展示，根本不需要下拉、弹窗这类交互，更不想为样式再引入一套 JavaScript。Bulma 就是为这种场景设计的：它是一套纯 CSS 框架，零 …
界面字体首选：Inter 免费开源，小字号下依然清晰
界面里最考验字体的一件事：14px 甚至 12px 的小字，能不能看清。Inter 是专门为屏幕 UI 设计的无衬线体，这也是它被大量产品和设计系统选作默认字体的原因。
Vuetify：Vue 的 Material 组件库，强绑材料风格
Vuetify 是 Vue 生态里最成熟的 Material Design 实现，组件超过一百个，布局网格体系完整。v4 已经支持 Material Design 3，主题与动…
Milligram 极简 CSS 框架：压缩仅约 2KB，给基础元素一个体面底子
Milligram 是一个极简到极致的 CSS 框架：压缩后大约 2KB，只提供最基础的元素样式——排版、按钮、表单、列表、表格，再配一套 12 列 Flexbox 网格。它没…
Naive UI：尤雨溪推荐、零依赖的 Vue 3 组件库，类型安全
Naive UI 是尤雨溪公开推荐过的 Vue 3 组件库，百分之百用 TypeScript 编写，类型提示精准。它零外部依赖、内置虚拟列表，组件微动效也做得精致，适合追求轻量…
Skeleton 极简 CSS 框架：约 400 行样式，只给排版网格和表单
Skeleton（getskeleton.com）是一个极简 CSS 框架：整个样式表大约 400 行，只覆盖排版、按钮、表单、表格、列表、代码块，外加一套 12 列响应式网格…
想找自带交互组件的轻量框架：UIkit 模块化，模态灯箱下拉齐全
有些项目既想要一套现成样式，又不想为了模态框、灯箱、下拉这些交互再去拼一堆独立库。UIkit 出自做 WordPress 主题的 YOOtheme，模块化程度高，而且把一批常用…