Домашняя страница Tailwind CSS
  1. Начало работы
  2. Руководства по фреймворку

Установка

Руководства по фреймворку

Руководства для конкретных платформ, в которых описывается рекомендуемый нами подход к установке Tailwind CSS в ряде популярных сред.

  • Next.js

    Полнофункциональный фреймворк React с большим опытом разработки.

  • Laravel

    Фреймворк веб-приложений PHP с выразительным элегантным синтаксисом.

  • Vite

    Быстрый и современный сервер разработки и инструмент сборки.

  • Nuxt

    Интуитивно понятный фреймворк Vue для создания универсальных приложений.

  • Gatsby

    Фреймворк для создания статических сайтов с React и GraphQL.

  • SolidJS

    Инструмент для создания простых, производительных и реактивных пользовательских интерфейсов.

  • SvelteKit

    Самый быстрый способ создавать приложения любого размера с помощью Svelte.js.

  • Angular

    Платформа для создания мобильных и настольных веб-приложений.

  • Ruby on Rails

    Фреймворк полного стека со всеми инструментами, необходимыми для создания удивительных веб-приложений.

  • Remix

    Фреймворк с полным стеком, ориентированный на основы веб-технологий и современный UX.

  • Phoenix

    Фреймворк для создания многофункциональных интерактивных приложений с помощью Elixir.

  • Parcel

    Инструмент сборки с нулевой конфигурацией для Интернета.

  • Symfony

    Фреймворк PHP для создания веб-сайтов и веб-приложений.

  • Meteor

    Полный стек JavaScript-фреймворка для разработки кроссплатформенных приложений.

  • Create React App

    Инструмент CLI для создания нового одностраничного приложения React.

  • AdonisJS

    Полнофункциональный веб-фреймворк для Node.js.

  • Ember.js

    Фреймворк JavaScript для амбициозных веб-разработчиков.

  • Astro

    Универсальная веб-платформа, созданная для скорости.

  • Qwik

    Создавайте мгновенно интерактивные веб-приложения без усилий.

  • Rspack

    Быстрый веб-сборщик на основе Rust.

Не видите выбранный вами фреймворк? Попробуйте использовать Tailwind CLI или установить вместо этого Tailwind в качестве подключаемого модуля PostCSS plugin.

Что читать дальше

Познакомьтесь с некоторыми из основных концепций, которые отличают Tailwind CSS от написания традиционного CSS.

  • Основы Utility-First

    Использование рабочего процесса «сначала утилиты» для создания сложных компонентов из ограниченного набора примитивных утилит.

  • Адаптивный дизайн

    Создавайте полностью отзывчивые пользовательские интерфейсы, которые адаптируются к любому размеру экрана, с помощью адаптивных модификаторов.

  • Наведение, фокус и другие состояния

    Стилизуйте элементы в интерактивных состояниях, таких как наведение, фокус и т. д., с помощью условных модификаторов.

  • Темный режим

    Оптимизируйте свой сайт для темного режима прямо в своем HTML с помощью модификатора темного режима.

  • Повторное использование стилей

    Управляйте дублированием и поддерживайте свои проекты в сопровождении, создавая многократно используемые абстракции.

  • Настройка фреймворка

    Настройте фреймворк в соответствии с вашим брендом и дополните его своими собственными стилями.