Repolode
Enviar
unovue

unovue/shadcn-vue

Una adaptación de shadcn/ui para Vue 3: componentes de UI personalizables, basados en Reka UI, que puedes copiar y pegar para crear tu propia biblioteca.

Ver en GitHubSitio web
Estrellas
10,782
Forks
687
Issues abiertos
154
Último commit
hace 4 días

¿Qué es?

shadcn-vue lleva el enfoque de componentes de shadcn/ui a Vue. En lugar de instalar un paquete cerrado, añades el código fuente de los componentes a tu propio proyecto y lo modificas según tus necesidades. Los componentes están diseñados para personalizarse, ampliarse y servir como base para tu propia biblioteca de componentes.

El proyecto es una adaptación de shadcn/ui para Vue y usa Reka UI (antes radix-vue) para ofrecer primitivas accesibles y sin estilos. La documentación está en shadcn-vue.com, y el repositorio es un monorepo que incluye la aplicación de documentación.

Es una buena opción para desarrolladores de Vue y Nuxt que buscan un conjunto coherente y accesible de elementos de UI que puedan controlar por completo y cuyos estilos puedan modificar.

Funciones clave

  • 01Código fuente de los componentes que puedes copiar, pegar y editar directamente.
  • 02Basado en primitivas de Reka UI para ofrecer accesibilidad.
  • 03Personalización de estilos con Tailwind CSS.
  • 04Diseñado como base para crear tu propia biblioteca de componentes.

Casos de uso

  • Iniciar una aplicación de Vue o Nuxt con un conjunto coherente de componentes de UI accesibles.
  • Crear un sistema de diseño interno a partir de componentes al estilo de shadcn.
  • Personalizar los estilos y el comportamiento de los componentes sin tener que lidiar con una biblioteca cerrada.

Temas

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

Preguntas frecuentes

¿Qué es shadcn-vue?
Una adaptación de shadcn/ui para Vue 3: componentes de UI personalizables, basados en Reka UI, que puedes copiar y pegar para crear tu propia biblioteca. shadcn-vue lleva el enfoque de componentes de shadcn/ui a Vue. En lugar de instalar un paquete cerrado, añades el código fuente de los componentes a tu propio proyecto y lo modificas según tus necesidades. Los componentes están diseñados para personalizarse, ampliarse y servir como base para tu propia biblioteca de componentes.
¿shadcn-vue es gratuito? ¿Qué licencia tiene?
shadcn-vue es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿shadcn-vue sigue mantenido?
Mantenimiento activo. El último commit de shadcn-vue fue el 3 nov 2026.
¿Para qué puedo usar shadcn-vue?
Iniciar una aplicación de Vue o Nuxt con un conjunto coherente de componentes de UI accesibles. Crear un sistema de diseño interno a partir de componentes al estilo de shadcn. Personalizar los estilos y el comportamiento de los componentes sin tener que lidiar con una biblioteca cerrada.
¿Dónde consigo shadcn-vue?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/unovue/shadcn-vue

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados