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

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

@unocss/transformer-directives

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

@unocss/transformer-compile-class

互动式检查和调试

@unocss/inspector

使用一行 CDN 导入 UnoCSS

@unocss/runtime