Repolode
Enviar
shadcn-ui

shadcn-ui/ui

Coleção de componentes React para copiar e colar, criada com Radix UI e Tailwind CSS, que você controla e personaliza no próprio código do projeto.

Ver no GitHubSite
Estrelas
126,054
Forks
13,176
Issues abertas
1,777
Último commit
há 16 horas

O que é?

shadcn/ui é um conjunto de componentes de UI acessíveis que você adiciona ao projeto copiando o código-fonte, em vez de instalá-los como uma dependência bloqueada. Os componentes foram projetados para serem personalizados e estendidos, além de servirem como ponto de partida para criar sua própria biblioteca de componentes.

O projeto é escrito em TypeScript, e seus tópicos indicam uma stack com React e Tailwind CSS, com suporte a Next.js, Vite e Laravel, além de integrações com Radix UI, React Aria e Base UI como primitivas subjacentes. Como o código fica no seu repositório, você pode alterar diretamente o estilo, o comportamento e a estrutura sem esperar por novas versões do projeto original.

A documentação do projeto, em ui.shadcn.com, explica como instalar e usar os componentes. O repositório usa a licença MIT e aceita contribuições de acordo com um guia de contribuição.

Recursos principais

  • 01Os componentes são copiados para o seu projeto como código-fonte, então você é dono deles e pode editá-los.
  • 02Criado com primitivas acessíveis como Radix UI, React Aria e Base UI.
  • 03Estilizado com Tailwind CSS e projetado para ser adaptado ao seu próprio sistema de design.
  • 04Funciona com frameworks React, incluindo Next.js e Vite, e oferece suporte a Laravel.

Casos de uso

  • Criar um app React ou Next.js que precise de componentes refinados e acessíveis para formulários, diálogos e menus.
  • Criar uma biblioteca de componentes interna ou específica da empresa com base em um ponto de partida compartilhado.
  • Prototipar interfaces rapidamente mantendo controle total sobre o código dos componentes.

Tópicos

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

Perguntas frequentes

O que é ui?
Coleção de componentes React para copiar e colar, criada com Radix UI e Tailwind CSS, que você controla e personaliza no próprio código do projeto. shadcn/ui é um conjunto de componentes de UI acessíveis que você adiciona ao projeto copiando o código-fonte, em vez de instalá-los como uma dependência bloqueada. Os componentes foram projetados para serem personalizados e estendidos, além de servirem como ponto de partida para criar sua própria biblioteca de componentes.
ui é gratuito? Qual é a licença?
ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ui ainda é mantido?
Manutenção ativa. O último commit de ui foi em 20 de out. de 2026.
Para que posso usar ui?
Criar um app React ou Next.js que precise de componentes refinados e acessíveis para formulários, diálogos e menus. Criar uma biblioteca de componentes interna ou específica da empresa com base em um ponto de partida compartilhado. Prototipar interfaces rapidamente mantendo controle total sobre o código dos componentes.
Onde consigo ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/shadcn-ui/ui

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

Projetos relacionados