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

使用 UnoCSS 和一行 CDN 导入

@unocss/runtime