shadcn/ui

shadcn/ui — это коллекция переиспользуемых React-компонентов, которая служит основой для вашей дизайн-системы. В отличие от традиционных UI-библиотек, которые устанавливаются через npm, вы копируете эти компоненты прямо в свой проект, получая полный контроль над их кастомизацией и расширением. Библиотека предлагает элегантно спроектированные строительные блоки: кнопки, формы, карточки, поля ввода и другие, соответствующие современным стандартам доступности. Это позволяет быстро собирать профессионально выглядящие интерфейсы.

Библиотека построена на базе Tailwind CSS и Radix UI, сочетая утилитарный подход к стилям с нестилизованными, но доступными примитивами. Её ключевая особенность — философия «открытого кода»: вы владеете компонентами, которые используете. Это значит, что никакие обновления зависимостей не сломают ваш интерфейс, а вы можете настроить каждую деталь под свой бренд. В комплекте есть CLI-инструмент для быстрого добавления компонентов в проект, и все они спроектированы для бесшовной совместной работы с единообразным API.

Такой подход идеален для фронтенд-разработчиков и команд, создающих кастомные приложения, которые хотят получить скорость работы с готовой библиотекой, но при этом требуют полного контроля и возможностей для кастомизации. Типичные сценарии использования: стартапы, формирующие свою дизайн-систему; продуктовые команды, поддерживающие единый стиль across different applications; разработчики, которым часто нужно модифицировать поведение компонентов beyond what standard libraries allow.