UnoCSSオンデマンドのアトミックCSSエンジン

カスタマイズ可能 · パワフル · 高速 · 楽しい

完全にカスタマイズ可能

コアユーティリティなし、すべての機能はプリセットを通じて提供されます。

はじめに

パースなし、ASTなし、スキャンなし。Windi CSSやTailwind CSS JITの5倍の速度。

依存関係ゼロでブラウザフレンドリー：~6kb min+brotli

Vite、Webpack、PostCSS、CLI、VS Code、ESLintなどのファーストクラスサポート

詳細を見る

ユーティリティのエイリアス化やグループ化を動的に

設定と使用方法

属性内でユーティリティをグループ化

@unocss/preset-attributify

任意のアイコンを単一のクラスとして使用

@unocss/preset-icons

共通のプレフィックスを持つグループユーティリティのショートハンド

@unocss/transformer-variant-group

@applyディレクティブでCSS内のユーティリティを再利用

@unocss/transformer-directives

ビルド時に複数のクラスを1つに合成

@unocss/transformer-compile-class

インタラクティブに検査とデバッグ

@unocss/inspector

1行のCDNインポートでUnoCSSを使用

@unocss/runtime