UnoCSS即时按需的原子CSS引擎

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

完全可定制

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

入门指南

即时

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

轻量

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

丰富的集成

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

了解更多

快捷方式

动态别名或分组工具

配置和使用

属性化模式

在属性中分组工具

@unocss/preset-attributify

纯CSS图标

使用任何图标作为单个类

@unocss/preset-icons

变体组

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

@unocss/transformer-variant-group

CSS指令

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

@unocss/transformer-directives

编译模式

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

@unocss/transformer-compile-class

检查器

互动检查和调试

@unocss/inspector

CDN运行时构建

用一行CDN导入使用UnoCSS

@unocss/runtime