Repolode
Enviar
keenthemes

keenthemes/reui

Biblioteca gratuita e open source de componentes e blocos shadcn/ui, com 1.264 exemplos no estilo de dashboards, copiados diretamente para projetos React.

Ver no GitHubSite
Estrelas
3,958
Forks
172
Issues abertas
37
Último commit
há 22 dias

O que é?

ReUI é uma biblioteca de componentes baseada em shadcn/ui e Tailwind CSS. Ela adiciona 27 componentes próprios que não vêm por padrão no shadcn/ui, incluindo data grid, calendário de eventos, gráfico de Gantt, quadro Kanban, construtor de filtros, cascader, bloco de código e seletor de cores. Cada componente próprio está disponível nas versões Radix UI e Base UI.

Em vez de instalar um pacote npm, você adiciona os componentes usando o shadcn CLI, por exemplo, com `npx shadcn@latest add @reui/c-data-grid-9`. O código é inserido no seu repositório, então você pode modificá-lo com seus próprios tokens do Tailwind. O catálogo contém 1.264 exemplos compostos em layouts realistas de dashboard, além dos primitivos padrão do shadcn.

O data grid é baseado em TanStack Table v9 e TanStack Virtual e oferece suporte a ordenação, filtragem, fixação, arrastar e soltar e virtualização para grandes conjuntos de dados. Um servidor MCP gratuito e uma skill para agentes permitem que agentes de programação com IA pesquisem e instalem componentes do ReUI, e o plano Pro pago inclui blocos adicionais.

Recursos principais

  • 01Adiciona 27 componentes próprios, como data grid, Gantt, Kanban e calendário de eventos, que não estão no shadcn/ui básico.
  • 02Oferece versões Radix UI e Base UI de cada componente próprio.
  • 03Instala componentes pelo shadcn CLI, copiando o código para o seu próprio repositório.
  • 04Inclui 1.264 exemplos compostos apresentados em layouts no estilo de dashboard.
  • 05Disponibiliza um servidor MCP gratuito e uma skill para ferramentas de programação com IA.
  • 06Desenvolvida em TypeScript sob a licença MIT.

Casos de uso

  • Criar dashboards administrativos que precisam de um data grid com ordenação, filtragem e virtualização.
  • Adicionar visualizações de agendamento, como calendário ou gráfico de Gantt, a um app web em React.
  • Prototipar rapidamente a interface de um produto usando blocos compostos de dashboard e formulários.
  • Permitir que agentes de programação com IA montem interfaces baseadas em shadcn a partir de um catálogo de componentes verificado.

Início rápido

  1. 1

    Explore o catálogo de componentes e escolha um componente

  2. 2

    Adicione um componente ao seu projeto shadcn/ui com o shadcn CLI

    npx shadcn@latest add @reui/data-grid

Antes de usar

  • É uma biblioteca de código-fonte para copiar e usar como seu, sem pacote npm. Por isso, você precisa manter e atualizar manualmente o código copiado.
  • É baseada em shadcn/ui, React 18 ou superior e Tailwind CSS 4 ou superior. Portanto, você precisa já ter essa stack configurada.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

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

Perguntas frequentes

O que é reui?
Biblioteca gratuita e open source de componentes e blocos shadcn/ui, com 1.264 exemplos no estilo de dashboards, copiados diretamente para projetos React. ReUI é uma biblioteca de componentes baseada em shadcn/ui e Tailwind CSS. Ela adiciona 27 componentes próprios que não vêm por padrão no shadcn/ui, incluindo data grid, calendário de eventos, gráfico de Gantt, quadro Kanban, construtor de filtros, cascader, bloco de código e seletor de cores. Cada componente próprio está disponível nas versões Radix UI e Base UI.
reui é gratuito? Qual é a licença?
reui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
reui ainda é mantido?
Manutenção ativa. O último commit de reui foi em 16 de out. de 2026.
Para que posso usar reui?
Criar dashboards administrativos que precisam de um data grid com ordenação, filtragem e virtualização. Adicionar visualizações de agendamento, como calendário ou gráfico de Gantt, a um app web em React. Prototipar rapidamente a interface de um produto usando blocos compostos de dashboard e formulários. Permitir que agentes de programação com IA montem interfaces baseadas em shadcn a partir de um catálogo de componentes verificado.
Como instalar reui?
Explore o catálogo de componentes e escolha um componente Adicione um componente ao seu projeto shadcn/ui com o shadcn CLI: npx shadcn@latest add @reui/data-grid
Onde consigo reui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/keenthemes/reui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados