unocss

烏諾CSS

即時按需 Atomic CSS 引擎。

我強烈推薦閱讀這篇文章 -
重新構想原子 CSS
對於背後的故事

文檔 |互動式文檔 |遊樂場|教學

特徵

受到 Windi CSS、Tailwind CSS 和 Twind 的啟發，但：

• 完全可自訂 - 沒有核心實用程式。所有功能均透過預設提供。

• 無需解析，無需 AST，無需掃描，它是即時的（比 Windi CSS 或 Tailwind JIT 快 5 倍）。

• ~6kb min+brotli - 零依賴且瀏覽器友善。

• 快捷方式 - 動態別名實用程式。

• 屬性模式 - 將實用程式分組到屬性中。

• 純 CSS 圖示 - 使用任何圖示作為單一類別。

• 變體組 - 具有公共前綴的群組實用程式的簡寫。

• CSS 指令 - 透過@apply指令重複使用 CSS 中的實用程式。

• 編譯模式 - 在建置時將多個類別合成為一個類別。

• 檢查器 - 互動式檢查和調試。

• CSS-in-JS 運行時建置 - 使用 UnoCSS 和一行 CDN 導入。

• VS 程式碼擴充

• CSS 程式碼分割 - 為 MPA 提供最少的 CSS。

文件

請閱讀文件以了解更多詳細資訊。

安裝

• 維特

• 努克斯特

• 阿斯特羅

• 網頁包

• CDN運作時

• 命令列介面

• VS 程式碼擴充

• ESLint 配置

• 後CSS

致謝

UnoCSS 的誕生得益於以下項目的靈感：

按字母順序

• ACSS

• 引導實用程式

• Chakra UI 風格道具

• 語意使用者介面

• 快子

• 順風CSS

• 雙胞胎

• 溫迪CSS

贊助商

執照

麻省理工學院許可證 © 2021-現在 Anthony Fu