Repolode
Предложить
tailwindlabs

tailwindlabs/tailwindcss

Utility-first CSS-фреймворк для создания пользовательских интерфейсов прямо в HTML и JSX с помощью небольших узкоспециализированных классов.

Открыть на GitHubСайт
Звёзды
97,945
Форки
8,392
Открытые issues
90
Последний коммит
позавчера

Что это?

Tailwind CSS — utility-first CSS-фреймворк. Вместо семантических имён классов в отдельных таблицах стилей разработчики собирают оформление из небольших узкоспециализированных utility-классов, например flex, pt-4 или text-center, добавляя их прямо в разметку.

Фреймворк распространяется как плагин PostCSS и обычно устанавливается через npm. Он генерирует только тот CSS, который действительно используется в проекте, и позволяет быстро создавать пользовательские интерфейсы, не выходя из HTML-файла. Адаптивные варианты, состояния вроде hover и focus, а также тёмная тема задаются префиксами классов.

Проект написан на TypeScript и поддерживается Tailwind Labs. Полная документация размещена на tailwindcss.com, а вопросы и обсуждения новых возможностей — в разделе GitHub Discussions.

Ключевые возможности

  • 01Набор низкоуровневых utility-классов для компоновки, отступов, типографики, цветов и многого другого.
  • 02Генерирует только CSS, используемый в проекте.
  • 03Поддерживает адаптивные брейкпоинты и варианты состояний, например hover и focus, задаваемые префиксами классов.
  • 04Распространяется как плагин PostCSS, который можно установить через npm.
  • 05Поддерживает тёмную тему с помощью вариантов, задаваемых классами.

Сценарии использования

  • Создание пользовательского дизайна компонентов без отдельных таблиц стилей.
  • Быстрое создание прототипов и доработка компоновки прямо в шаблонах HTML или JSX.
  • Создание адаптивных сайтов с согласованными шкалами отступов и типографики.

Быстрый старт

  1. 1

    Инструкции по установке см. в полной документации на tailwindcss.com

Темы

#css#css-framework#utility-classes#postcss#responsive-design#frontend#functional-css#responsive#tailwindcss

Частые вопросы

Что такое tailwindcss?
Utility-first CSS-фреймворк для создания пользовательских интерфейсов прямо в HTML и JSX с помощью небольших узкоспециализированных классов. Tailwind CSS — utility-first CSS-фреймворк. Вместо семантических имён классов в отдельных таблицах стилей разработчики собирают оформление из небольших узкоспециализированных utility-классов, например flex, pt-4 или text-center, добавляя их прямо в разметку.
tailwindcss можно использовать бесплатно? Какая у него лицензия?
tailwindcss распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
tailwindcss всё ещё поддерживается?
Активно поддерживается. Последний коммит в tailwindcss — 19 окт. 2026 г..
Для чего можно использовать tailwindcss?
Создание пользовательского дизайна компонентов без отдельных таблиц стилей. Быстрое создание прототипов и доработка компоновки прямо в шаблонах HTML или JSX. Создание адаптивных сайтов с согласованными шкалами отступов и типографики.
Как установить tailwindcss?
Инструкции по установке см. в полной документации на tailwindcss.com
Где скачать tailwindcss?
Исходный код и инструкции по установке — на GitHub: https://github.com/tailwindlabs/tailwindcss

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

DioxusLabs / dioxus

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

Фронтенд и UI#rust#ui#web
39,5 тыс.1,9 тыс.RustApache-2.0Обновлён 4 дня назад