轻量级 CSS 框架 - 精选列表

你好，程序员们，

对于需求繁多的复杂项目，使用 Bootstrap 或其他功能齐全的 CSS 框架无疑是个好主意，但对于小型单页项目，使用轻量级 CSS 框架或许是更好的选择。小型 CSS 框架应该更容易被纯粹的开发人员学习，并且最终产品应该更适合那些注重简洁性和加载速度的用户。本列表仅包含那些积极支持的框架，它们提供了编写现代响应式网站所需的所有基本功能。

感谢阅读！ - 内容由App Generator提供。

• 🔥 Pico.CSS - 极简设计系统

• 🔥 Pure - 响应式 CSS 模块

• 👉 FICTOAN - 直观、模块化的 CSS 框架

• 👉 Milligram - 极简主义的 CSS 框架

• 👉 Spectre - 一个用于快速开发的现代框架

• 👉Picnic CSS - 为黑客打造的轻量级 CSS🤔

Pico.CSS 🎁 7.7 kB

Pico 可能是一个干净、轻量级设计系统的良好起点 - 特点：

响应式设计 - 在所有设备上提供优雅一致的自适应间距和排版。亮色或暗色模式 - 内置两款精美配色主题，可根据用户偏好自动启用。一个 CSS 文件 - 无需依赖、包管理器、外部文件或 JavaScript。

• Pico.CSS - 主页（包含文档）
• 基本示例- 带暗模式

FICTOAN🔥🔥

Fictoan 是一个直观的框架，适合希望编写界面代码的设计师，它附带一个可立即使用的 React 版本。

直观的命名- FICTOAN 使用直观易懂的类名，例如 .horizo​​ntal-center-this、.no-padding-left、.center-on-mobile 等等。简单易用，易于记忆。

开发就绪- 它带有一组预定义元素，您可以轻松将其放入项目中。卡片、侧边栏菜单、模态窗口等等。

• FICTOAN - 产品主页
• FICTOAN - React 版本

毫克🎁2kb

Milligram 提供极简的样式设置，助您快速简洁地开始使用。就是这么简单！压缩后仅 2kb！它并非 UI 框架。专为提升性能和生产力而设计，只需重置更少的属性，从而获得更简洁的代码。

• 毫克- 主页
• 毫克-源代码

Spectre.CSS 🎁 ~10kb

轻量级、基于 Flexbox 的 CSS 框架 - Spectre 仅包含现代基础样式、响应式布局系统、CSS 组件和实用程序，并且可以使用 Sass/Scss 编译器针对您的项目进行修改。

• Spectre.CSS - 项目主页
• Spectre.CSS - Github 仓库

纯 CSS 🎁 3.7kb

Pure 非常小巧。所有模块压缩后大小仅为 3.7KB*。考虑到移动设备的需求，我们精心设计了文件，力求保持较小的体积，并且每一行 CSS 都经过了仔细的考量。如果您只使用其中一部分模块，还能节省更多空间。

• 纯 CSS - 产品主页
• 纯 CSS - Github 存储库

野餐 CSS 🎁 10kb

Picnic 完全模块化，因此您可以轻松修改和测试每个部分。Picnic 使用 SCSS 编写，包含许多变量和类（占位符），以便于扩展。

移动优先 CSS 框架- Picnic 的使命是将 CSS 压缩到 10kb 以下，以实现更好、更快的移动负载。

• Picnic CSS - 产品主页
• 组件页面

请在评论中告诉我您的想法，并请提及您使用轻量级 CSS 框架构建的项目。

感谢阅读！您可能还会喜欢其他资源和文章：

• 免费React 模板- 精选列表
• Bootstrap 模板- App-Generator 平台上发布的索引