Opinionated presets for UnoCSS. To serve as a good starting point for using UnoCSS in end projects. Also to demonstrate and dog-fooding on how to create presets/transformers/extractors for UnoCSS.
| Package | Description | Included in unocss |
Enabled |
|---|---|---|---|
| unocss | The default package with common presets and plugins | - | - |
| @unocss/preset-uno | The default preset | ✅ | ✅ |
| @unocss/preset-mini | The minimal but essential rules and variants | ✅ | ✅ |
| @unocss/preset-wind | Tailwind / Windi CSS compact preset | ✅ | ✅ |
| @unocss/preset-attributify | Enables Attributify Mode for other rules | ✅ | No |
| @unocss/preset-tagify | Enables Tagify Mode for other rules | ✅ | No |
| @unocss/preset-icons | Pure CSS Icons solution powered by Iconify | ✅ | No |
| @unocss/preset-web-fonts | Web fonts (Google Fonts, etc.) support | ✅ | No |
| @unocss/preset-typography | The typography preset | ✅ | No |
| @unocss/preset-rem-to-px | Coverts rem to px for utils | No | No |
| @unocss/transformer-variant-group | Transformer for Windi CSS's variant group feature | ✅ | No |
| @unocss/transformer-directives | Transformer for CSS directives like @apply |
✅ | No |
| @unocss/transformer-compile-class | Compile group of classes into one class | ✅ | No |
| @unocss/transformer-attributify-jsx | Support valueless attributify in JSX/TSX | ✅ | No |
| @unocss/transformer-attributify-jsx-babel | Support valueless attributify in JSX/TSX (Babel) | No | No |
| @unocss/extractor-pug | Extractor for Pug | No | - |
| @unocss/extractor-svelte | Extractor for Svelte | No | - |
| @unocss/extractor-mdc | Extractor for MDC | No | - |
| @unocss/extractor-arbitrary-variants | Arbitrary variants for utils | No | No |
| @unocss/reset | Collection of common CSS resets | No | No |
| @unocss/rule-utils | The utilities for creating rules/presets for UnoCSS | No | - |