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

unovue/shadcn-vue

Порт shadcn/ui для Vue 3: настраиваемые UI-компоненты на базе Reka UI, исходный код которых можно копировать в свой проект.

Открыть на GitHubСайт
Звёзды
10,782
Форки
687
Открытые issues
154
Последний коммит
4 дня назад

Что это?

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

Проект — порт shadcn/ui для Vue, использующий Reka UI (ранее radix-vue) в качестве доступных и не имеющих стилей примитивов. Документация находится на shadcn-vue.com, а репозиторий представляет собой монорепозиторий, в который входит приложение документации.

Подходит разработчикам на Vue и Nuxt, которым нужен единообразный и доступный набор базовых UI-компонентов, полностью принадлежащих им и допускающих изменение стилей.

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

  • 01Исходный код компонентов можно скопировать и редактировать напрямую.
  • 02Компоненты построены на примитивах Reka UI, обеспечивающих доступность.
  • 03Стили настраиваются с помощью Tailwind CSS.
  • 04Служит основой для создания собственной библиотеки компонентов.

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

  • Создание приложения на Vue или Nuxt с единообразным набором доступных UI-компонентов.
  • Создание внутренней дизайн-системы на основе компонентов в стиле shadcn.
  • Настройка стилей и поведения компонентов без ограничений закрытой библиотеки.

Темы

#vue#component-library#ui-kit#accessible#tailwind-css#typescript#design-system#radix-vue#reka-ui#shadcn

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

Что такое shadcn-vue?
Порт shadcn/ui для Vue 3: настраиваемые UI-компоненты на базе Reka UI, исходный код которых можно копировать в свой проект. shadcn-vue переносит подход shadcn/ui к компонентам во Vue. Вместо установки закрытого пакета вы добавляете исходный код компонентов в свой проект и при необходимости изменяете его. Компоненты рассчитаны на настройку и расширение и могут служить основой вашей собственной библиотеки компонентов.
shadcn-vue можно использовать бесплатно? Какая у него лицензия?
shadcn-vue распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
shadcn-vue всё ещё поддерживается?
Активно поддерживается. Последний коммит в shadcn-vue — 3 нояб. 2026 г..
Для чего можно использовать shadcn-vue?
Создание приложения на Vue или Nuxt с единообразным набором доступных UI-компонентов. Создание внутренней дизайн-системы на основе компонентов в стиле shadcn. Настройка стилей и поведения компонентов без ограничений закрытой библиотеки.
Где скачать shadcn-vue?
Исходный код и инструкции по установке — на GitHub: https://github.com/unovue/shadcn-vue

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

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