UnoCSSМгновенный атомарный CSS

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

Полностью настраиваемый

В ядре нет встроенных утилит — все возможности приходят через пресеты.

Начать работу

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

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

Отличная поддержка Vite, Webpack, PostCSS, CLI, VS Code, ESLint и многих других.

Подробнее

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

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

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

@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