Repolode
Предложить
shadcn-ui

shadcn-ui/ui

Коллекция React-компонентов на базе Radix UI и Tailwind CSS: копируйте их в свой проект, владейте кодом и настраивайте его под себя.

Открыть на GitHubСайт
Звёзды
126,054
Форки
13,176
Открытые issues
1,777
Последний коммит
10 часов назад

Что это?

shadcn/ui — набор доступных UI-компонентов, которые добавляют в проект, копируя исходный код, а не устанавливая их как зависимость с ограниченными возможностями настройки. Компоненты можно изменять и расширять, а также использовать как основу для создания собственной библиотеки компонентов.

Проект написан на TypeScript, а его темы указывают на стек React и Tailwind CSS с поддержкой Next.js, Vite и Laravel. В качестве базовых примитивов доступны интеграции с Radix UI, React Aria и Base UI. Поскольку код находится в вашем репозитории, вы можете напрямую менять стили, поведение и структуру, не дожидаясь новых релизов проекта.

В документации проекта на ui.shadcn.com описаны установка и использование компонентов. Репозиторий распространяется по лицензии MIT и принимает вклад в соответствии с руководством для участников.

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

  • 01Исходный код компонентов копируется в ваш проект, поэтому вы владеете им и можете его редактировать.
  • 02Основан на доступных примитивах, таких как Radix UI, React Aria и Base UI.
  • 03Стили заданы с помощью Tailwind CSS; компоненты можно адаптировать под собственную дизайн-систему.
  • 04Работает с React-фреймворками, включая Next.js и Vite, а также поддерживает Laravel.

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

  • Создание приложения на React или Next.js, которому нужны готовые доступные компоненты форм, диалогов и меню.
  • Создание внутренней или корпоративной библиотеки компонентов на общей основе.
  • Быстрое прототипирование интерфейсов с полным контролем над кодом компонентов.

Темы

#react#tailwindcss#components#ui#typescript#accessibility#radix-ui#ai#base-ui#gen-ui

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

Что такое ui?
Коллекция React-компонентов на базе Radix UI и Tailwind CSS: копируйте их в свой проект, владейте кодом и настраивайте его под себя. shadcn/ui — набор доступных UI-компонентов, которые добавляют в проект, копируя исходный код, а не устанавливая их как зависимость с ограниченными возможностями настройки. Компоненты можно изменять и расширять, а также использовать как основу для создания собственной библиотеки компонентов.
ui можно использовать бесплатно? Какая у него лицензия?
ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
ui всё ещё поддерживается?
Активно поддерживается. Последний коммит в ui — 20 окт. 2026 г..
Для чего можно использовать ui?
Создание приложения на React или Next.js, которому нужны готовые доступные компоненты форм, диалогов и меню. Создание внутренней или корпоративной библиотеки компонентов на общей основе. Быстрое прототипирование интерфейсов с полным контролем над кодом компонентов.
Где скачать ui?
Исходный код и инструкции по установке — на GitHub: https://github.com/shadcn-ui/ui

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

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