UnoCSS

即時按需原子化 CSS 引擎

可定制 · 強大 · 快速 · 愉悅

快速入門

互動式文件

Playground

教學

完全可定制

無核心工具程式，所有功能都透過預設集提供。

快速入門

即時

無需解析，無 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 指令

使用 @apply 指令在 CSS 中重複使用工具程式

@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

全端和 Android 開發者

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 教學的作者

贊助商