awesome-unocss

Awesome things related to UnoCSS
https://github.com/kirklin/awesome-unocss

Last synced: 1 day ago
JSON representation

Open-Source Projects
- celeris-web - Celeris Web is a highly performant and customizable front-end development template built with Vue 3, Vite, and TypeScript. It features the latest syntax, components and APIs auto importing, state management, Chinese font presets, internationalization, and integration with OpenAI's ChatGPT API.
- celeris-web - Celeris Web is a highly performant and customizable front-end development template built with Vue 3, Vite, and TypeScript. It features the latest syntax, components and APIs auto importing, state management, Chinese font presets, internationalization, and integration with OpenAI's ChatGPT API.
Useful Links
- Repository - Official UnoCSS repository.
- Discussions - Official place to connect with other community members about UnoCSS.
- Website - Official UnoCSS website.
- Play - Online playground for UnoCSS.
- Discussions - Official place to connect with other community members about UnoCSS.
- Website - Official UnoCSS website.
- Play - Online playground for UnoCSS.
- Repository - Official UnoCSS repository.
IDE Extensions
- IntelliSense for Code - IntelliSense extension for Visual Studio Code.
- IntelliSense for Code - IntelliSense extension for Visual Studio Code.
Presets
- @unocss/preset-uno - The default preset (right now it's equivalent to `@unocss/preset-wind`).
- @unocss/preset-mini - The minimal but essential rules and variants.
- @unocss/preset-wind - Tailwind / Windi CSS compact preset.
- @unocss/preset-attributify - Provides Attributify Mode to other presets and rules.
- @unocss/preset-uno - The default preset (right now it's equivalent to `@unocss/preset-wind`).
- @unocss/preset-mini - The minimal but essential rules and variants.
- @unocss/preset-wind - Tailwind / Windi CSS compact preset.
- @unocss/preset-attributify - Provides Attributify Mode to other presets and rules.
- @unocss/preset-icons - Use any icon as a class utility.
- @unocss/preset-web-fonts - Web fonts at ease.
- @unocss/preset-icons - Use any icon as a class utility.
- @unocss/preset-web-fonts - Web fonts at ease.
- @unocss/preset-typography - The typography preset.
- @unocss/preset-tagify - Tagify Mode for UnoCSS.
- @unocss/preset-typography - The typography preset.
- @unocss/preset-tagify - Tagify Mode for UnoCSS.
- @unocss/preset-rem-to-px - Converts rem to px for utils.
- unocss-preset-chinese - Preset for Chinese fonts.
- unocss-preset-ease - Easing Functions as Transitions.
- unocss-preset-scalpel - Scalpel Preset.
- @unocss/preset-rem-to-px - Converts rem to px for utils.
- unocss-preset-chinese - Preset for Chinese fonts.
- unocss-preset-ease - Easing Functions as Transitions.
- unocss-preset-scalpel - Scalpel Preset.
- unocss-preset-chroma - Gradient Preset.
- unocss-preset-weapp - WeChat MiniProgram Preset for [UniApp](https://uniapp.dcloud.io) and [Taro](https://taro-docs.jd.com/taro/docs).
- unocss-applet - Using UnoCSS in applet (UniApp / Taro).
- unocss-preset-weapp - WeChat MiniProgram Preset for [UniApp](https://uniapp.dcloud.io) and [Taro](https://taro-docs.jd.com/taro/docs).
- unocss-preset-heropatterns - Preset that integrates [Hero Patterns](https://heropatterns.com/).
- unocss-preset-heropatterns - Preset that integrates [Hero Patterns](https://heropatterns.com/).
- unocss-preset-flowbite - Port of [Flowbite Tailwind plugin](https://github.com/themesberg/flowbite) for UnoCSS.
- unocss-preset-flowbite - Port of [Flowbite Tailwind plugin](https://github.com/themesberg/flowbite) for UnoCSS.
- unocss-preset-forms - Port of [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) for UnoCSS.
- unocss-preset-extra - [Animate.css](https://animate.style) Preset and some other rules.
- unocss-preset-forms - Port of [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) for UnoCSS.
- unocss-preset-extra - [Animate.css](https://animate.style) Preset and some other rules.
- unocss-preset-daisy - daisyUI Preset.
- unocss-preset-primitives - Like [headlessui-tailwindcss](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-tailwindcss) , radix-ui , custom for UnoCSS.
- unocss-preset-scrollbar-hide - Hide scrollbars, although the element can still be scrolled.
- unocss-preset-radix - Use the Radix UI color palette with UnoCSS.
- unocss-preset-glyph - Embed subset of glyphs from fonts.
- unocss-preset-grid - Bootstrap 5 Like Grid Preset.
- unocss-preset-daisy - daisyUI Preset.
- unocss-preset-primitives - Like [headlessui-tailwindcss](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-tailwindcss) , radix-ui , custom for UnoCSS.
- unocss-preset-scrollbar-hide - Hide scrollbars, although the element can still be scrolled.
- unocss-preset-radix - Use the Radix UI color palette with UnoCSS.
- unocss-preset-glyph - Embed subset of glyphs from fonts.
- unocss-preset-grid - Bootstrap 5 Like Grid Preset.
- unocss-preset-autoprefixer - Autoprefixer Preset.
- unocss-preset-scrollbar - Scrollbar Preset.
- unocss-preset-theme - Preset for automatic theme switching.
- unocss-preset-autoprefixer - Autoprefixer Preset.
Transformers
- @unocss/transformer-directives - Transformer for CSS directives like `@apply`.
- @unocss/transformer-variant-group - Transformer for Windi CSS's variant group feature.
- @unocss/transformer-compile-class - Compile group of classes into one class.
- @unocss/transformer-attributify-jsx - Support valueless attributify in JSX/TSX.
- unocss-transformer-attribute-values-group - Attribute values group transformer for UnoCSS.
- @unocss/transformer-compile-class - Compile group of classes into one class.
- @unocss/transformer-attributify-jsx - Support valueless attributify in JSX/TSX.
- unocss-transformer-attribute-values-group - Attribute values group transformer for UnoCSS.
- unocss-transformer-alias - Transform alias for UnoCSS shortcuts.
Extractors
- @unocss/extractor-arbitrary-variants - Extractor to support arbitrary variants for utilities.
- @unocss/extractor-pug - Extractor for Pug.
- @unocss/extractor-svelte - Extractor for Svelte.
- @unocss/extractor-pug - Extractor for Pug.
- @unocss/extractor-svelte - Extractor for Svelte.
- @unocss/extractor-arbitrary-variants - Extractor to support arbitrary variants for utilities.
UI Libraries, Components & Templates
- Anu - DX focused utility based vue component library.
- OnuUI - Popular, beautiful and fast UnoCSS component library.
- AtoUI - Elemental UI library for Svelte offering an easily themeable design system.
- Anu - DX focused utility based vue component library.
- OnuUI - Popular, beautiful and fast UnoCSS component library.
- AtoUI - Elemental UI library for Svelte offering an easily themeable design system.
Starters & Themes
- vite-boot - Vite Boot is a lightning fast Vue 3 boilerplate with strongly typed TypeScript, UnoCSS, DaisyUI, Vue Router, Pinia, and Netlify support.

Programming Languages

TypeScript 33 HTML 4 Vue 3 CSS 3 Svelte 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-unocss

Open-Source Projects

Useful Links

IDE Extensions

Presets

Transformers

Extractors

UI Libraries, Components & Templates

Starters & Themes