UnoCSS — новый и интересный CSS движок 😏
Это atomic-css движок, а не фреймворк а-ля Tailwind (хоть и автор вдохновлялся им) и точно не препроцессор 🙂
UnoCSS даёт возможность написать свой Tailwind за пару тыков и будет оптимизировать твой css ✌️
Что умеет?
— Есть пресеты, что позволяет склепать тебе свой фреймворк за минуты или же использовать сторонние
— Кастомные правила
— Шорткаты,
— Оптимиизация css правил, для минификации кода
— Кастомные Variants (пример Variant из Windi CSS)
— Подддержка нескольких тем
— Слои css классов, можно объединять классы в группы и задавать какая группа должна переопределять другую
— Собственный инспектор
— В разработке находится изолирование стилей
Работает только с Vite ⚡️
Не прод-реди ❗️
Playground: https://unocss.antfu.me/
Github: https://github.com/antfu/unocss
Это atomic-css движок, а не фреймворк а-ля Tailwind (хоть и автор вдохновлялся им) и точно не препроцессор 🙂
UnoCSS даёт возможность написать свой Tailwind за пару тыков и будет оптимизировать твой css ✌️
Что умеет?
— Есть пресеты, что позволяет склепать тебе свой фреймворк за минуты или же использовать сторонние
— Кастомные правила
['m-1', { margin: '0.25rem' }]— Шорткаты,
{'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md', 'btn-green': 'text-white bg-green-500 hover:bg-green-700'}— Оптимиизация css правил, для минификации кода
— Кастомные Variants (пример Variant из Windi CSS)
— Подддержка нескольких тем
— Слои css классов, можно объединять классы в группы и задавать какая группа должна переопределять другую
— Собственный инспектор
— В разработке находится изолирование стилей
Работает только с Vite ⚡️
Не прод-реди ❗️
Playground: https://unocss.antfu.me/
Github: https://github.com/antfu/unocss