UnoCSSМоментальный генератор атомарного CSS по требованию

Настраиваемый · Мощный · Быстрый · Радостный

Полная настройка

Никаких базовых утилит, все функции предоставляются через пресеты.

Начало работы

Без парсинга, без AST, без сканирования. В 5 раз быстрее, чем Windi CSS или Tailwind CSS JIT.

Без зависимостей и дружественный к браузеру: ~6кб min+brotli

Первоклассная поддержка Vite, Webpack, PostCSS, CLI, VS Code, ESLint и др.

Узнать больше

Создание псевдонимов или группировка утилит динамически

Настройка и использование

Группировка утилит в атрибутах

@unocss/preset-attributify

Использование любой иконки как одного класса

@unocss/preset-icons

Сокращение для группировки утилит с общими префиксами

@unocss/transformer-variant-group

Повторное использование утилит в CSS с директивой @apply

@unocss/transformer-directives

Синтез нескольких классов в один во время сборки

@unocss/transformer-compile-class

Интерактивный осмотр и отладка

@unocss/inspector

Использование UnoCSS одной строкой импорта CDN

@unocss/runtime