10.7K ·GitHub
Что это такое?
shadcn-vue — это порт shadcn-ui для Vue: красивые и доступные (accessible) UI-компоненты, которые можно настраивать, расширять и использовать как основу для собственной библиотеки компонентов.
shadcn-vue — это порт shadcn-ui для Vue: красивые и доступные (accessible) UI-компоненты, которые можно настраивать, расширять и использовать как основу для собственной библиотеки компонентов.Это готовая библиотека компонентов или отправная точка для создания своей?Это отправная точка, которую вы делаете своей, а не фиксированный пакет: компоненты задуманы так, чтобы их настраивали и расширяли, пока они не превратятся в вашу собственную библиотеку компонентов.
Это отправная точка, которую вы делаете своей, а не фиксированный пакет: компоненты задуманы так, чтобы их настраивали и расширяли, пока они не превратятся в вашу собственную библиотеку компонентов.Как добавить компоненты в своё приложение?README отсылает к сайту документации; кроме того, в репозитории есть пакет shadcn-vue CLI для добавления компонентов в проект.
README отсылает к сайту документации; кроме того, в репозитории есть пакет shadcn-vue CLI для добавления компонентов в проект.На чём основаны эти компоненты — что нужно иметь в моём Vue-приложении?Компоненты построены на Reka UI (раньше — Radix Vue), порте примитивов Radix UI для Vue, так что доступное поведение компонентов идёт именно от этого фундамента.
Компоненты построены на Reka UI (раньше — Radix Vue), порте примитивов Radix UI для Vue, так что доступное поведение компонентов идёт именно от этого фундамента.Для кого это — именно для Vue-разработчиков?Для Vue-разработчиков, которые делают веб-интерфейсы, — проект приносит подход shadcn-ui в экосистему Vue.
Для Vue-разработчиков, которые делают веб-интерфейсы, — проект приносит подход shadcn-ui в экосистему Vue.Работает ли это вне браузера?Это набор UI-компонентов для веба — компоненты рендерятся внутри Vue-приложений в браузере.
Это набор UI-компонентов для веба — компоненты рендерятся внутри Vue-приложений в браузере.Чем это отличается от shadcn/ui?shadcn/ui сделан для React, а shadcn-vue — его аналог для Vue: та же идея спроектированных компонентов, которыми вы владеете и которые настраиваете, но для проектов на Vue.
shadcn/ui сделан для React, а shadcn-vue — его аналог для Vue: та же идея спроектированных компонентов, которыми вы владеете и которые настраиваете, но для проектов на Vue.Есть ли официальная интеграция с Nuxt?Да — в монорепозитории есть модуль shadcn-nuxt, который поддерживается вместе с основным проектом, поэтому для приложений на Nuxt есть отдельный путь интеграции.
Да — в монорепозитории есть модуль shadcn-nuxt, который поддерживается вместе с основным проектом, поэтому для приложений на Nuxt есть отдельный путь интеграции.Проект активно поддерживается?Всё говорит за то, что да: около 10.7 тыс. звёзд, репозиторий не в архиве, а CI-процессы публикуют релизы, выкладки в npm и preview-сборки через pkg.pr.new для pull request'ов.
Всё говорит за то, что да: около 10.7 тыс. звёзд, репозиторий не в архиве, а CI-процессы публикуют релизы, выкладки в npm и preview-сборки через pkg.pr.new для pull request'ов.What are similar projects?chakra-ui, arc-library, vant, primitives, Monocharts, bootstrap-vue, canvas-ui, vuetify
chakra-ui, arc-library, vant, primitives, Monocharts, bootstrap-vue, canvas-ui, vuetifyWhich topics is it in?accessible, radix-ui, nuxt, shadcn, ui-kit, shadcn-ui, ui-library, design-system, accessibility, component-library, vue, ui-components
accessible, radix-ui, nuxt, shadcn, ui-kit, shadcn-ui, ui-library, design-system, accessibility, component-library, vue, ui-components