UnoCSS

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

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

快速开始

说明文档

演练场

完全可定制

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

快速上手

即时

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

轻便

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

集成丰富

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

详情

快捷方式

动态别名或分组实用程序

配置和使用

Attributify Mode

属性分组

@unocss/preset-attributify

纯CSS图标

将任何图标用作单个类

@unocss/preset-icons

变量组

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

@unocss/transformer-variant-group

CSS指令

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

@unocss/transformer-directives

编译模式

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

@unocss/transformer-compile-class

自检

交互式检查和调试

@unocss/inspector

CDN运行时构建

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

@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

Jacob Bowdoin

Svelte, i18n @ Polylingual Development

Dunqing

Passionate about open source

Simon He

Passionate about open source & FE Developer

@webview-use author, vscode plugin master, open source magician, antfu’s number one fan