Community

• Presets

  • unocss-preset-extra - preset-extra) - [Animate.css](https://animate.style) Preset and some other rules by [@Zhang-Wei-666](https://github.com/Zhang-Wei-666).
  • unocss-preset-daisy - preset-daisy) - daisyUI Preset by [@kidonng](https://github.com/kidonng).
  • unocss-preset-primitives - preset-primitives) - Like [headlessui-tailwindcss](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-tailwindcss), radix-ui, custom for UnoCSS by [@zirbest](https://github.com/zirbest).
  • unocss-preset-theme - preset-theme) - Preset for automatic theme switching by [@Dunqing](https://github.com/Dunqing).
  • unocss-preset-chinese - preset-chinese) - Preset for Chinese fonts by [@kirklin](https://github.com/kirklin).
  • unocss-preset-grid-areas - preset-grid-areas) - Grid Areas Preset for UnoCSS by [@chz](https://github.com/chz).
  • una-ui-preset - Build your own components using [UnaUI](https://unaui.com/) preset by [@phojie](https://github.com/phojie).
  • unocss-preset-fluid - Elegantly scale type and space without breakpoints by [@renatomoor](https://github.com/renatomoor).
  • unocss-preset-block - Block some non-standard classnames by [@chizuki](https://github.com/chizukicn).
  • unocss-preset-animations - Preset for flexible and composable animations by [@Aelita](https://github.com/xsjcTony).
  • unocss-preset-shadcn - preset-shadcn) - Use [shadcn/ui](https://ui.shadcn.com) with UnoCSS by [@zouhang](https://github.com/zouhangwithsweet) and [@hyoban](https://github.com/hyoban).
  • @yeungkc/unocss-preset-safe-area - preset-safe-area) - Use safe area with Unocss by YeungKC.
  • @unifydev/unify-preset - Atomic Theming UI Library Powered By UnoCSS, like DaisyUI but customizable. By [@johnkat-mj](https://github.com/Johnkat-Mj).
  • unocss-preset-tailwindcss-motion - preset-tailwindcss-motion) - Ridiculously awesome animations via unofficial [Tailwind Motion](https://rombo.co/tailwind) port, by [@whatnicktweets](https://x.com/whatnicktweets).
  • unocss-preset-magicss - Integrate magic css animation preset by [@zyyv](https://github.com/zyyv).
  • css-fade - Fade out one or multiple sides of html elements using CSS mask in UnoCSS by [@dan-smt](https://github.com/dan-smt).
  • unocss-preset-gradient-fn - preset-gradient-fn) - Support gradient transitions and gradient easing functions. Preset by [@onmax](https://github.com/onmax).
  • unocss-preset-scalpel - preset-scalpel) - Scalpel Preset by [@macheteHot](https://github.com/macheteHot).
  • unocss-preset-chroma - preset-chroma) - Gradient Preset by [@chu121su12](https://github.com/chu121su12).
  • unocss-preset-scrollbar - hong/unocss-preset-scrollbar) - Scrollbar Preset by [@action-hong](https://github.com/action-hong).
  • unocss-applet - applet/unocss-applet) - Using UnoCSS in applet (UniApp / Taro) by [@zguolee](https://github.com/zguolee).
  • unocss-preset-weapp - preset-weapp) - WeChat MiniProgram Preset for [UniApp](https://uniapp.dcloud.io) and [Taro](https://taro-docs.jd.com/taro/docs) by [@MellowCo](https://github.com/MellowCo).
  • unocss-preset-heropatterns - R44/unocss-preset-heropatterns) - Preset that integrates [Hero Patterns](https://heropatterns.com/) by [@Julien-R44](https://github.com/Julien-R44).
  • unocss-preset-flowbite - R44/unocss-preset-flowbite) - Port of [Flowbite Tailwind plugin](https://github.com/themesberg/flowbite) for UnoCSS by [@Julien-R44](https://github.com/Julien-R44).
  • unocss-preset-forms - R44/unocss-preset-forms) - Port of [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) for UnoCSS by [@Julien-R44](https://github.com/Julien-R44).
  • unocss-preset-autoprefixer - preset-autoprefixer) - Autoprefixer Preset by [@zouhang](https://github.com/zouhangwithsweet).
  • unocss-preset-scrollbar-hide - preset-scrollbar-hide) - Hide scrollbars, although the element can still be scrolled by [@reslear](https://github.com/reslear).
  • unocss-preset-radix - preset-radix) - Use the Radix UI color palette with UnoCSS by [@endigma](https://github.com/endigma).
  • unocss-preset-glyph - preset-glyph) - Embed subset of glyphs from fonts by [@chu121su12](https://github.com/chu121su12).
  • unocss-preset-grid - preset-grid) - Bootstrap 5 Like Grid Preset by [@StatuAgency](https://github.com/StatuAgency).
  • unocss-preset-ease - preset-ease) - Easing Functions as Transitions for UnoCSS by [@kirklin](https://github.com/kirklin).
  • unocss-preset-scale-px - preset-scale-px) - Numeric values are the same as px by [@onmax](https://github.com/onmax).
  • unocss-preset-advance-gradients - preset-advance-gradients) - Support rounded gradient borders, gradient text and pre‑defined gradients. By [@itsmnthn](https://github.com/itsmnthn).
  • unocss-preset-better-breakpoints - preset-better-breakpoints) - Better breakpoints presets for UnoCSS. By [@ZaneL1u](https://github.com/ZaneL1u).

• Frameworks

  • Anu - solanki/anu) - DX focused utility based vue component library by [@jd-solanki](https://github.com/jd-solanki).
  • Una UI - The atomic UI Framework for Nuxt 3, powered by UnoCSS engine by [@phojie](https://github.com/phojie).
  • Onu UI - ui/onu-ui) - Opinionated and lightweight UnoCSS ui library by [@zyyv](https://github.com/zyyv) and [@yzh990918](https://github.com/yzh990918).
  • AtoUI - ui) - Elemental UI library for Svelte offering an easily themeable design system by [@bennymi](https://github.com/bennymi).

• Transformers

  • unocss-transformer-attribute-values-group - transformer-attribute-values-group) - Attribute values group transformer for UnoCSS by [@lvjiaxuan](https://github.com/lvjiaxuan).
  • unocss-transformer-hash - Hash UnoCSS utilities by [@zyyv](https://github.com/zyyv).
  • CSS to UnoCss - He95/transformToUnoCSS) - Transform CSS to Unocss by [@Simon-He95](https://github.com/Simon-He95).
  • unocss-transformer-classnames-minifier - transformer-classnames-minifier) - Transform UnoCSS classnames minifier by [@alisobirjanov](https://github.com/alisobirjanov).

• Tools

  • Unot - He95/unot) - VSCode extension that provides the ability to convert css to unocss and simplifies the writing of unocss by [@Simon-He95](https://github.com/Simon-He95).
  • figma-to-unocss - to-unocss) - Figma plugin to transform design to unocss by [@zouhang](https://github.com/zouhangwithsweet).
  • hexo-unocss - unocss) - Support using UnoCSS when writing articles by [@imba97](https://github.com/imba97).
  • uno-colors - colors) - Generate UnoCSS color gradation by [@imba97](https://github.com/imba97).