6 repositórios de componentes em React
6 repositórios de componentes React que eu uso para dar um pump no design e na usabilidade dos projetos: o que cada um é e o que oferece.
Separei 6 repositórios de componentes React para você utilizar nos seus projetos e dar um pump no design e na usabilidade. Tem alguns pagos e outros gratuitos, mas tenho certeza que vão te ajudar. A lista serve para quem constrói interfaces com React, Tailwind CSS e shadcn e quer componentes animados prontos para copiar, instalar pela CLI ou entregar a um agente de IA. Quatro dos seis (KokonutUI, unlumen UI, React Bits e 21st.dev) publicam registry compatível com a CLI do shadcn. Cada bloco explica o que o repositório é e o que oferece, com base no site oficial. Lista atualizada em setembro de 2026.
KokonutUI
KokonutUI é uma coleção de mais de 100 componentes de interface gratuitos e open source, construídos com Next.js, React, Tailwind CSS e Motion. Serve para montar sites mais rápido: cada componente tem preview ao vivo e código para copiar, e o mesmo registry é legível por agentes como Claude Code e Cursor via MCP, CLI do shadcn e llms.txt. Há uma versão Pro com componentes e templates premium.
unlumen UI
unlumen UI é um registry curado de componentes React feitos em TypeScript, Tailwind CSS e Motion, seguindo os padrões do shadcn e derivado do Animate UI. Serve para montar interfaces animadas copiando e colando componentes reutilizáveis ou instalando pela CLI do shadcn, com liberdade para personalizar. O projeto é mantido por um designer e desenvolvedor independente e tem primitivas, componentes, documentação e servidor MCP.
Unicorn Studio
Unicorn Studio é uma ferramenta visual para criar gráficos interativos prontos para produção com shaders, mídia, 3D e movimento. Serve para combinar efeitos de shader, imagens, texto, vídeo, formas e modelos 3D em uma tela espacial e definir como tudo anima e responde, sem construir o sistema WebGL por baixo. Vem com mais de 75 efeitos configuráveis, geração por IA e embed para qualquer site.
Morphin
Morphin é uma biblioteca de componentes React animados e padrões de motion UI para produtos modernos. Serve para montar interfaces com microinterações prontas para produção: textos, botões, inputs, sliders, cards, gráficos, heros, tabelas de preço, notificações, transições de página, loadings, bento grids e navegação. Parte dos componentes é gratuita e o restante fica no plano Pro, que libera o acesso completo.
React Bits
React Bits é uma coleção open source de componentes React animados, interativos e totalmente personalizáveis. Serve para dar personalidade a uma interface sem construir animações do zero: são mais de 165 componentes entre animações de texto, elementos de UI e fundos, cada um em quatro variantes (JavaScript ou TypeScript, CSS ou Tailwind), com poucas dependências e instalação pela CLI do shadcn ou do jsrepo.
21st.dev
21st.dev é uma biblioteca viva de interfaces com mais de 12 mil componentes React e Tailwind CSS, templates e temas shadcn feitos por design engineers. Serve para encontrar heros animados, shaders, fundos, footers, chats de IA, cards e navegação, ver o preview ao vivo e instalar com um comando. Cada componente também sai como prompt para colar no Claude Code ou em outra ferramenta de IA.
