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 指令
通过 @apply 指令重用 CSS 中的工具
@unocss/transformer-directives
编译模式
在构建时将多个类合成为一个类
@unocss/transformer-compile-class
检查器
交互式检查和调试
@unocss/inspector
CDN 运行时构建
使用 UnoCSS 和一行 CDN 导入
@unocss/runtime