unocss

乌诺CSS

即时按需 Atomic CSS 引擎。

我强烈推荐阅读这篇博文 -
重新构想原子 CSS
对于背后的故事

文档 |交互式文档 |游乐场|教程

特征

受到 Windi CSS、Tailwind CSS 和 Twind 的启发，但是：

• 完全可定制 - 没有核心实用程序。所有功能均通过预设提供。

• 无需解析，无需 AST，无需扫描，它是即时的（比 Windi CSS 或 Tailwind JIT 快 5 倍）。

• ~6kb min+brotli - 零依赖且浏览器友好。

• 快捷方式 - 动态别名实用程序。

• 属性模式 - 将实用程序分组到属性中。

• 纯 CSS 图标 - 使用任何图标作为单个类。

• 变体组 - 具有公共前缀的组实用程序的简写。

• CSS 指令 - 通过@apply指令重用 CSS 中的实用程序。

• 编译模式 - 在构建时将多个类合成为一个类。

• 检查器 - 交互式检查和调试。

• CSS-in-JS 运行时构建 - 使用 UnoCSS 和一行 CDN 导入。

• VS 代码扩展

• CSS 代码分割 - 为 MPA 提供最少的 CSS。

文档

请阅读文档了解更多详细信息。

安装

• 维特

• 努克斯特

• 阿斯特罗

• 网页包

• CDN运行时

• 命令行界面

• VS 代码扩展

• ESLint 配置

• 后CSS

致谢

UnoCSS 的诞生得益于以下项目的灵感：

按字母顺序

• ACSS

• 引导实用程序

• Chakra UI 风格道具

• 语义用户界面

• 快子

• 顺风CSS

• 双胞胎

• 温迪CSS

赞助商

执照

麻省理工学院许可证 © 2021-现在 Anthony Fu