Colección de componentes que incorporas al código de tu aplicación y puedes modificar.
Cuándo elegirlo · Requisitos · Primeros pasos · Vídeo · Alternativas
¿Para qué usar shadcn/ui?
Una primera aplicación práctica: Construir formularios, diálogos o tablas manteniendo control sobre su implementación.
Qué necesitas antes de empezar
Proyecto web compatible con la configuración que indique la documentación.
Cómo empezar con shadcn/ui
Sigue la guía de tu framework, añade un componente y revisa el código incorporado. Prueba teclado y estados de error antes de extender el diseño.
Abrir las instrucciones oficiales de shadcn/ui. Elige la instalación correspondiente a tu sistema y a la versión que vayas a utilizar.
Limitaciones y puntos a revisar
No es un tema que resuelva toda la interfaz: al copiar componentes asumes su mantenimiento y adaptación.
Vídeo de shadcn/ui
Vídeo próximamente. Mientras tanto, puedes empezar con la documentación enlazada en esta ficha.
Ver el canal Repositorios que deberías conocer en YouTube
Alternativas y proyectos relacionados
Repositorio y fuentes oficiales
Ver shadcn/ui en GitHub · Documentación y guía de inicio
Información del proyecto contrastada el 6 de octubre de 2026. Revisa las notas de la versión y las licencias de sus componentes antes de instalar.
Tú decides
¿Quieres ver shadcn/ui funcionando paso a paso?
Lo instalamos, lo probamos con un caso real y preparamos una guía para que puedas replicarlo. Dinos qué formato prefieres: haremos primero los repositorios que más se pidan.
Un clic basta. Sin registro.