unocss

УноCSS

Мгновенный движок Atomic CSS по требованию.

Я настоятельно рекомендую прочитать этот пост в блоге -
Переосмысление атомарного CSS
за историю позади

Документация | Интерактивные документы | Детская площадка | Учебное пособие

Функции

Вдохновлен Windi CSS, Tailwind CSS и Twind, но:

• Полностью настраиваемый — без основных утилит. Все функции предоставляются через пресеты.

• Никакого синтаксического анализа, никакого AST, никакого сканирования, это МГНОВЕННО (в 5 раз быстрее, чем Windi CSS или Tailwind JIT).

• ~6кб мин+brotli — нулевая загрузка и дружественность к браузеру.

• Ярлыки - динамические псевдонимы утилит.

• Режим Attributify – группировка утилит по атрибутам.

• Иконки на чистом CSS — используйте любой значок как один класс.

• Группы вариантов — сокращение групповых утилит с общими префиксами.

• Директивы CSS — повторное использование утилит в CSS с помощью директивы @apply .

• Режим компиляции — синтезирует несколько классов в один во время сборки.

• Инспектор — интерактивная проверка и отладка.

• Сборка CSS-in-JS Runtime — используйте UnoCSS с одной строкой импорта CDN.

• Расширение кода VS

• Разделение кода для CSS — обеспечивает минимальный CSS для MPA.

Документация

Прочтите документацию для более подробной информации.

Установка

• Вите

• Нукст

• Астро

• Веб-пакет

• Среда выполнения CDN

• интерфейс командной строки

• Расширение кода VS

• Конфигурация ESLint

• ПостCSS

Благодарность

UnoCSS стал возможен благодаря вдохновению следующих проектов:

в алфавитном порядке

• АКСС

• Утилиты начальной загрузки

• Реквизит стиля пользовательского интерфейса Chakra

• Семантический интерфейс

• Тахионы

• CSS попутного ветра

• Твинд

• Винди CSS

Спонсоры

Лицензия

Лицензия MIT © 2021-НАстоящее время Энтони Фу