UnoCSS

即时按需生成的原子化 CSS 引擎

可定制 · 强大 · 快速 · 有趣

完全可定制

没有核心工具，所有功能通过预设提供。

入门指南

无需解析，无需 AST，无需扫描。它比 Windi CSS 或 Tailwind CSS JIT 快 5 倍。

零依赖，浏览器友好：~6kb min+brotli

对 Vite、Webpack、PostCSS、CLI、VS Code、ESLint 等提供一流支持。

了解更多

动态别名或分组工具

配置和使用

在属性中分组工具

@unocss/preset-attributify

使用任何图标作为单个类

@unocss/preset-icons

使用通用前缀的组工具的简写

@unocss/transformer-variant-group

在 CSS 中使用 @apply 指令复用工具

@unocss/transformer-directives

在构建时将多个类合成为一个

@unocss/transformer-compile-class

互动检查和调试

@unocss/inspector

用一行 CDN 导入使用 UnoCSS

@unocss/runtime