UnoCSS

即时按需的原子级CSS引擎

可定制的·强大的·快速的·快乐的

入门

交互式文档

演练场

完全可定制

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

开始使用

即时的

无解析、无抽象语法树、无扫描。它比 Windi CSS 或 Tailwind 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 运行时构建

只需一行 CDN 引入即可使用 UnoCSS

@unocss/runtime

Meet The Team

Anthony Fu

A fanatical open sourceror, working @ NuxtLabs

Core team member of Vite & Vue

Sponsor

Saya

Programmer

Chris

Regardless of the past, do not ask the future.

sibbng

Designer / Developer

Joaquín Sánchez

A fullstack and android developer

Vite's fanatical follower

Chino Moca

Balance & Tradeoff

Johann Schopplich

Full Stack Developer

Pharmacist prior to that

Jeff Yang

Tsuki Su

A zealous open sourceror & Full Stack Developer & Junior designer

Previously worked at Tencent, now starting a business