UnoCSS即时按需的原子化 CSS 引擎

可定制的 · 强大的 · 快速的 · 愉悦的

完全可定制

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

开始使用

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

零依赖且浏览器友好：压缩并使用 brotli 后仅 ~6kb

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

了解更多

动态地创建工具类的别名或分组

配置与使用

在属性中对工具类进行分组

@unocss/preset-attributify

将任何图标作为单个类使用

@unocss/preset-icons

使用相同前缀的工具类组合的简写方式

@unocss/transformer-variant-group

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

@unocss/transformer-directives

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

@unocss/transformer-compile-class

交互式检查和调试

@unocss/inspector

通过一行 CDN 导入使用 UnoCSS

@unocss/runtime