真实项目里最好用的 CSS 框架

没有最好的 CSS 框架,只有适合某类项目的框架。两百个页面的后台和一个落地页几乎没有共同点。

这七个覆盖了整个区间,从完整的设计系统到引入即忘的样式表。

原子类优先

Tailwind CSS

大型应用最稳妥的选择:CSS 不再膨胀,因为你不再写它。

tailwindcss.com

组件库

Bootstrap

本周就要交一个完整、可访问的后台时,它依然无可替代。

getbootstrap.com

组件库

Bulma

有 Bootstrap 的可读性,却不带 JavaScript 包袱:纯 CSS,容易覆盖。

bulma.io

设计变量

Open Props

现成的 CSS 变量,涵盖间距、颜色和阴影,不绑定任何框架。

open-props.style

无类名

Pico CSS

语义化 HTML 一个类都不加也很好看,特别适合文档和原型。

picocss.com

原子引擎

UnoCSS

按需生成原子类,产出体积是这一组里最小的。

unocss.dev

Tailwind 组件

daisyUI

在 Tailwind 之上补齐真正的组件和主题,让你少写很多标签。

daisyui.com

按项目寿命来选:活得越久,越应该用变量和原子类,而不是打包好的组件。

不只是挑工具,而是要把东西做出来?

Web 应用、API、基础设施与界面。常驻巴塞罗那的自由开发者,服务全球客户。

联系我


评论

Leave a Reply

Your email address will not be published. Required fields are marked *