TailwindCSS - это библиотека для написания CSS, содержит готовые наборы названий классов соответствующих стилям, имеется возможность параметризировать классы и использовать конфигурационный файл для глобальных индивидуальных настроек.
В отличии от многих других CSS-библиотек, TailwindCSS не ограничивается набором готовых стилей, а предоставляет инструменты для создания любого дизайна прямо в HTML-разметке.
TailwindCSS работает сканирует HTML-файлы, компоненты JavaScript и любые другие шаблоны на предмет имен классов, генерируя соответствующие стили и затем записывая их в статический CSS-файл.
Подключить TailwindCSS можно с помощью скрипта:
<script src="https://cdn.tailwindcss.com"></script>
Либо установить с помощью npm, npx
npm install -D tailwindcss npx tailwindcss initВо многих фрэймворках, Laravel в том числе, имеется возможность установить TailwindCSS с помощью модуля
Vite. Подробнее - по ссылке https://tailwindcss.ru/docs/guides/laravel/. С особенностями установкой TailwindCSS в других фрэймворках можно ознакомиться по ссылке https://tailwindcss.ru/docs/installation/framework-guides/.
Практика