97.9K ·GitHub
Что это такое?
Tailwind CSS — это CSS-фреймворк с утилитарными классами для быстрого создания индивидуальных пользовательских интерфейсов: вы комбинируете небольшие классы, каждый из которых отвечает за одно свойство, прямо в разметке.
Это CSS-фреймворк вроде Bootstrap с готовыми компонентами или что-то другое?
Это утилитарный подход: вместо готовых компонентов он даёт низкоуровневые утилитарные классы (например, flex, pt-4, text-center), которые вы комбинируете для создания собственного дизайна.
Как мне добавить его в проект?
Установите его через менеджер пакетов и подключите к PostCSS или к вашему сборщику; полные инструкции по настройке есть в официальной документации.
Нужен ли для него PostCSS?
Да, Tailwind подключается как плагин PostCSS и указан среди тем репозитория вместе с postcss, хотя новые версии также могут работать через отдельный сборочный конвейер на базе Vite или CLI.
Нужно ли долго привыкать к написанию HTML, полного утилитарных классов?
В этом README прямо не сказано, но подход с утилитарными классами делает разметку насыщенной именами классов вместо семантического CSS, и некоторым разработчикам нужно время, чтобы к этому привыкнуть.
Поставляет ли Tailwind собственный сборщик или только движок CSS?
В репозитории есть движок на Rust (тесты запускаются через cargo test) вместе с инструментами на JS, что отражает переписывание ядра сборочного процесса в новых версиях с упором на производительность.
What are similar projects?
tachyons, daisyui, materialize, bootstrap-table, Core-Framework, uikit, spectre, bulma
Which topics is it in?
postcss, css-framework, responsive, tailwindcss, design, css, utility, html, ui, web-app, web-development, npm