UnoCSS

即时按需原子 CSS 引擎

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

入门

交互式文档

游乐场

教程

完全可定制

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

入门

即时

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

轻量级

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

丰富的集成

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

了解更多

快捷方式

动态别名或分组实用程序

配置和使用

Attributify 模式

将实用程序分组到属性中

@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

认识团队

Anthony Fu

狂热的开源爱好者，在 @ NuxtLabs

Vite 和 Vue 的核心团队成员

赞助

Saya

程序员

Chris

无论过去如何，不要询问未来。

sibbng

设计师/开发人员

Joaquín Sánchez

全栈和安卓开发人员

Vite 的狂热粉丝

Chino Moca

平衡与权衡

Johann Schopplich

全栈开发人员

之前是药剂师

Jeff Yang

Tsuki Su

热情的开源爱好者和全栈开发人员和初级设计师

之前曾在腾讯工作，现在正在创业

Jacob Bowdoin

Svelte，i18n @ Polylingual Development

Dunqing

对开源充满热情

Simon He

对开源和前端开发充满热情

@webview-use 作者，vscode 插件大师，开源魔术师，antfu 的头号粉丝

Henrik Berglund

前端开发人员

热爱 Svelte、Vite 和开源，是 UnoCSS 教程的作者

赞助商