unocss

UnoCSS

インスタントオンデマンドの Atomic CSS エンジン。

このブログ投稿を読むことを強くお勧めします -
アトミック CSS を再考する
背後にある物語については

ドキュメント |インタラクティブドキュメント |遊び場 |チュートリアル

特徴

Windi CSS、Tailwind CSS、Twind からインスピレーションを得ていますが、次のとおりです。

• 完全にカスタマイズ可能 - コアユーティリティは不要。すべての機能はプリセットを通じて提供されます。

• 解析、AST、スキャンは不要で、インスタントです (Windi CSS や Tailwind JIT よりも 5 倍高速です)。

• ~6kb min+brotli - デプスゼロでブラウザフレンドリー。

• ショートカット - ユーティリティを動的にエイリアスします。

• 属性モード - 属性内のユーティリティをグループ化します。

• 純粋な CSS アイコン - 任意のアイコンを単一のクラスとして使用します。

• バリアント グループ - 共通のプレフィックスを持つグループ ユーティリティの短縮形。

• CSS ディレクティブ - @applyディレクティブを使用して CSS でユーティリティを再利用します。

• コンパイル モード - ビルド時に複数のクラスを 1 つに合成します。

• インスペクター - 対話的に検査およびデバッグします。

• CSS-in-JS ランタイム ビルド - 1 行の CDN インポートで UnoCSS を使用します。

• VS コード拡張機能

• CSS のコード分割 - MPA 用の最小限の CSS を同梱します。

ドキュメント

詳細については、ドキュメントを参照してください。

インストール

• ヴィーテ

• ナクスト

• アストロ

• ウェブパック

• CDN ランタイム

• CLI

• VS コード拡張機能

• ESLint 構成

• PostCSS

了承

UnoCSS は、次のプロジェクトからのインスピレーションのおかげで可能になりました。

アルファベット順

• ACSS

• ブートストラップユーティリティ

• チャクラ UI スタイルの小道具

• セマンティックUI

• タキオン

• 追い風 CSS

• ツインド

• ウィンディ CSS

スポンサー

ライセンス

MIT ライセンス © 2021-PRESENT Anthony Fu