Repolode
Enviar
shadcn-ui

shadcn-ui/ui

Colección de componentes de React para copiar y pegar, basados en Radix UI y Tailwind CSS, que puedes controlar y personalizar en tu propio código.

Ver en GitHubSitio web
Estrellas
126,054
Forks
13,176
Issues abiertos
1,777
Último commit
hace 16 horas

¿Qué es?

shadcn/ui es un conjunto de componentes de UI accesibles que se agregan al proyecto copiando su código fuente, en lugar de instalarlos como una dependencia bloqueada. Están diseñados para personalizarse, ampliarse y servir como punto de partida para crear tu propia biblioteca de componentes.

El proyecto está escrito en TypeScript y sus temas apuntan a un stack de React y Tailwind CSS, compatible con Next.js, Vite y Laravel, e integrado con Radix UI, React Aria y Base UI como primitivas subyacentes. Como el código está en tu repositorio, puedes cambiar directamente los estilos, el comportamiento y la estructura sin esperar a que se publiquen nuevas versiones.

La documentación del proyecto en ui.shadcn.com explica cómo instalar y usar los componentes. El repositorio cuenta con licencia MIT y acepta contribuciones según una guía para colaboradores.

Funciones clave

  • 01Los componentes se copian en el proyecto como código fuente, para que sean tuyos y puedas editarlos.
  • 02Se basan en primitivas accesibles como Radix UI, React Aria y Base UI.
  • 03Usan Tailwind CSS para los estilos y están diseñados para adaptarse a tu propio sistema de diseño.
  • 04Funcionan con frameworks de React como Next.js y Vite, y son compatibles con Laravel.

Casos de uso

  • Crear una aplicación con React o Next.js que necesite componentes accesibles y bien diseñados para formularios, diálogos y menús.
  • Crear una biblioteca de componentes interna o específica de una empresa a partir de una base compartida.
  • Crear prototipos de interfaces rápidamente sin perder el control total del código de los componentes.

Temas

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

Preguntas frecuentes

¿Qué es ui?
Colección de componentes de React para copiar y pegar, basados en Radix UI y Tailwind CSS, que puedes controlar y personalizar en tu propio código. shadcn/ui es un conjunto de componentes de UI accesibles que se agregan al proyecto copiando su código fuente, en lugar de instalarlos como una dependencia bloqueada. Están diseñados para personalizarse, ampliarse y servir como punto de partida para crear tu propia biblioteca de componentes.
¿ui es gratuito? ¿Qué licencia tiene?
ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿ui sigue mantenido?
Mantenimiento activo. El último commit de ui fue el 20 oct 2026.
¿Para qué puedo usar ui?
Crear una aplicación con React o Next.js que necesite componentes accesibles y bien diseñados para formularios, diálogos y menús. Crear una biblioteca de componentes interna o específica de una empresa a partir de una base compartida. Crear prototipos de interfaces rápidamente sin perder el control total del código de los componentes.
¿Dónde consigo ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/shadcn-ui/ui

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

Proyectos relacionados