社群預設
- unocss-preset-scalpel - 由 @macheteHot 開發的 Scalpel 預設。
- unocss-preset-chroma - 由 @chu121su12 開發的漸層預設。
- unocss-preset-scrollbar - 由 @action-hong 開發的捲軸預設。
- unocss-applet - 由 @zguolee 開發,在小程序 (UniApp / Taro) 中使用 UnoCSS。
- unocss-preset-weapp - 由 @MellowCo 開發,適用於 UniApp 和 Taro 的微信小程序預設。
- unocss-preset-heropatterns - 由 @Julien-R44 開發,整合 Hero Patterns 的預設。
- unocss-preset-flowbite - 由 @Julien-R44 開發,將 Flowbite Tailwind 插件 移植到 UnoCSS 的預設。
- unocss-preset-forms - 由 @Julien-R44 開發,將 @tailwindcss/forms 移植到 UnoCSS 的預設。
- unocss-preset-extra - 由 @Zhang-Wei-666 開發的 Animate.css 預設和其他一些規則。
- unocss-preset-daisy - 由 @kidonng 開發的 daisyUI 預設。
- unocss-preset-primitives - 類似於 headlessui-tailwindcss、radix-ui,由 @zirbest 為 UnoCSS 定制。
- unocss-preset-theme - 由 @Dunqing 開發的自動主題切換預設。
- unocss-preset-chinese - 由 @kirklin 開發的中文字體預設。
- unocss-preset-autoprefixer - 由 @zouhang 開發的 Autoprefixer 預設。
- unocss-preset-scrollbar-hide - 由 @reslear 開發,隱藏捲軸,但元素仍然可以捲動。
- unocss-preset-radix - 由 @endigma 開發,在 UnoCSS 中使用 Radix UI 色彩面板。
- unocss-preset-glyph - 由 @chu121su12 開發,從字體嵌入字形子集。
- unocss-preset-grid - 由 @StatuAgency 開發,類似 Bootstrap 5 的 Grid 預設。
- unocss-preset-grid-areas - 由 @chz 開發的 UnoCSS Grid Areas 預設。
- unocss-preset-ease - 由 @kirklin 開發,將緩動函數作為 UnoCSS 的過渡效果。
- unocss-preset-useful - 由 @zyyv 開發的整合性和實用預設。
- una-ui-preset - 使用由 @phojie 開發的 UnaUI 預設構建您自己的組件。
- unocss-preset-fluid - 由 @renatomoor 開發,在沒有斷點的情況下優雅地縮放類型和空間。
- unocss-preset-block - 由 @chizuki 開發,阻止一些非標準的類別名稱。
- unocss-preset-animations - 由 @Aelita 開發的靈活且可組合動畫預設。
- unocss-preset-shadcn - 由 @zouhang 和 @hyoban 開發,在 UnoCSS 中使用 shadcn/ui。
- @yeungkc/unocss-preset-safe-area - 由 YeungKC 開發,在 Unocss 中使用安全區域。
- @unifydev/unify-preset - 由 @johnkat-mj 開發,由 UnoCSS 驅動的原子化主題 UI 庫,類似 DaisyUI,但可自定義。
社群框架
- Anu - 由 @jd-solanki 開發,注重開發體驗的基於工具的 Vue 組件庫。
- Onu UI - 由 @zyyv、@yzh990918 開發的輕量級 UnoCSS ui 庫。
- AtoUI - 由 @bennymi 開發的 Svelte 元素 UI 庫,提供易於主題化的設計系統。
- Una UI - 由 @phojie 開發的 Nuxt 3 原子化 UI 框架,由 UnoCSS 引擎驅動。
社群轉換器
- unocss-transformer-attribute-values-group - 由 @lvjiaxuan 開發的 UnoCSS 屬性值群組轉換器。
- unocss-transformer-alias - 由 @zyyv 開發的 UnoCSS 捷徑別名轉換器。
- CSS to UnoCss - 由 @Simon-He95 開發的 CSS 轉 UnoCss 工具。
- unocss-transformer-classnames-minifier - 由 @alisobirjanov 開發的 UnoCSS 類別名稱壓縮器轉換器。
社群工具
- Unot - 由 @Simon-He95 開發的 VSCode 擴充套件,提供將 css 轉換為 unocss 的功能,並簡化 unocss 的撰寫。
- figma-to-unocss - 由 @zouhang 開發的 Figma 插件,可將設計轉換為 unocss。