Repolode
Enviar
keenthemes

keenthemes/reui

Biblioteca gratuita y de código abierto de componentes y bloques shadcn/ui, con 1.264 ejemplos de estilo dashboard que se copian directamente en proyectos React.

Ver en GitHubSitio web
Estrellas
3,942
Forks
171
Issues abiertos
37
Último commit
hace 22 días

¿Qué es?

ReUI es una biblioteca de componentes basada en shadcn/ui y Tailwind CSS. Añade 27 componentes propios que shadcn/ui no incluye de forma predeterminada, como una cuadrícula de datos, un calendario de eventos, un diagrama de Gantt, un tablero Kanban, un creador de filtros, un selector en cascada, un bloque de código y un selector de colores. Cada componente propio está disponible en versiones para Radix UI y Base UI.

En lugar de instalar un paquete npm, se añaden los componentes mediante el CLI de shadcn; por ejemplo, con `npx shadcn@latest add @reui/c-data-grid-9`. El código se incorpora a tu repositorio, así que puedes modificarlo con tus propios tokens de Tailwind. El catálogo incluye 1.264 ejemplos compuestos, presentados en diseños de dashboard realistas, además de los componentes básicos estándar de shadcn.

La cuadrícula de datos se basa en TanStack Table v9 y TanStack Virtual, y admite ordenación, filtrado, fijación, arrastrar y soltar, y virtualización para grandes conjuntos de datos. Un servidor MCP gratuito y una skill para agentes permiten que los agentes de programación con IA busquen e instalen componentes de ReUI; además, el plan Pro de pago incluye bloques adicionales.

Funciones clave

  • 01Añade 27 componentes propios, como cuadrícula de datos, Gantt, Kanban y calendario de eventos, que no están en shadcn/ui base.
  • 02Ofrece versiones para Radix UI y Base UI de cada componente propio.
  • 03Instala los componentes mediante el CLI de shadcn y copia el código en tu propio repositorio.
  • 04Incluye 1.264 ejemplos compuestos presentados en diseños de estilo dashboard.
  • 05Ofrece un servidor MCP gratuito y una skill para herramientas de programación con IA.
  • 06Está escrito en TypeScript y distribuido bajo la licencia MIT.

Casos de uso

  • Crear dashboards de administración que necesiten una cuadrícula de datos con ordenación, filtrado y virtualización.
  • Añadir vistas de planificación, como un calendario o un diagrama de Gantt, a una aplicación web de React.
  • Crear prototipos de interfaces de producto rápidamente a partir de bloques compuestos para dashboards y formularios.
  • Permitir que agentes de programación con IA creen interfaces basadas en shadcn a partir de un registro de componentes verificado.

Inicio rápido

  1. 1

    Explora el catálogo de componentes y elige uno

  2. 2

    Añade un componente a tu proyecto de shadcn/ui con shadcn CLI

    npx shadcn@latest add @reui/data-grid

Antes de usarlo

  • Es una biblioteca de código fuente para copiar y usar como propio; no tiene paquete npm, así que debes mantener y actualizar manualmente el código copiado.
  • Está basada en shadcn/ui, React 18 o posterior y Tailwind CSS 4 o posterior, por lo que necesitas tener esa tecnología configurada.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#react#shadcn-ui#tailwind-css#component-library#typescript#data-table#ui-components#base-ui#data-grid#nextjs

Preguntas frecuentes

¿Qué es reui?
Biblioteca gratuita y de código abierto de componentes y bloques shadcn/ui, con 1.264 ejemplos de estilo dashboard que se copian directamente en proyectos React. ReUI es una biblioteca de componentes basada en shadcn/ui y Tailwind CSS. Añade 27 componentes propios que shadcn/ui no incluye de forma predeterminada, como una cuadrícula de datos, un calendario de eventos, un diagrama de Gantt, un tablero Kanban, un creador de filtros, un selector en cascada, un bloque de código y un selector de colores. Cada componente propio está disponible en versiones para Radix UI y Base UI.
¿reui es gratuito? ¿Qué licencia tiene?
reui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿reui sigue mantenido?
Mantenimiento activo. El último commit de reui fue el 16 oct 2026.
¿Para qué puedo usar reui?
Crear dashboards de administración que necesiten una cuadrícula de datos con ordenación, filtrado y virtualización. Añadir vistas de planificación, como un calendario o un diagrama de Gantt, a una aplicación web de React. Crear prototipos de interfaces de producto rápidamente a partir de bloques compuestos para dashboards y formularios. Permitir que agentes de programación con IA creen interfaces basadas en shadcn a partir de un registro de componentes verificado.
¿Cómo se instala reui?
Explora el catálogo de componentes y elige uno Añade un componente a tu proyecto de shadcn/ui con shadcn CLI: npx shadcn@latest add @reui/data-grid
¿Dónde consigo reui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/keenthemes/reui

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

Proyectos relacionados