UnoCSS

即时按需引用的原子css引擎

自定制 · 更强大 · 更快 · 更轻松

完全可定制

没有核心实用程序，所有功能都通过预设提供。

快速上手

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

零深度对浏览器友好：压缩包只有~6kb大小

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

详情

动态别名或分组实用程序

配置和使用

属性分组

@unocss/preset-attributify

将任何图标用作单个类

@unocss/preset-icons

具有公共前缀的组utils的缩写

@unocss/transformer-variant-group

使用@apply指令重用CSS中的utils

@unocss/transformer-directives

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

@unocss/transformer-compile-class

交互式检查和调试

@unocss/inspector

将UnoCSS与一行CDN导入一起使用

@unocss/runtime