Crie uma UI com visual retrô com o Neobrutalism.
Anteriormente RetroUI.
NeoBrutalism é uma biblioteca de componentes de UI retrô para React e Next.js — componentes open source e, no Pro, blocks, templates e kit Figma. Entre para gerenciar sua assinatura Pro, baixar assets e convidar colegas.
Adicione um Button neobrutal, um bloco Pricing e um hero — React + Tailwind, via MCP
Pronto. Seu agente de IA buscou no registry e pode instalar componentes reais.
Servidor MCP- 50+ componentes
- Radix e Base UI
- Compatível com a CLI do shadcn
- Open source
- 158 blocos prontos para usar
- Blocos e templates
- Kit do Figma incluído
- Pronto para RTL
- Modo escuro
- Suporte a servidor MCP
- Neobrutalismo para sempre
Prontos e personalizáveis
Templates
Componentes de interface
neobrutalistas
Descubra componentes shadcn UI escaláveis, feitos com Base UI e Radix UI — perfeitos para landing pages, dashboards de SaaS e apps web modernos.
Acordeão
Painéis de conteúdo expansíveis.
Alerta
Mensagens de notificação.
Avatar
Imagens de perfil do usuário.
Selo
Etiquetas indicadoras de status.
Trilha de navegação
Caminho de navegação.
Botão
Gatilhos de ação interativos.
Interruptor
Controles de liga / desliga.
Calendário
Grades para selecionar datas.
Cartão
Contêineres de conteúdo.
Caixa de seleção
Controles de seleção múltipla.
Diálogo
Janelas modais.
Abas
Conteúdo dividido em seções.
Crie mais rápido com 200+
Blocos
Seções prontas para produção — blocos de hero, tabelas de preços, grades de recursos e mais — prontas para colocar direto no seu produto.
Sobre nós
Conte a história e a missão da sua empresa.
Inteligência artificial
Interfaces de chat e assistentes com IA.
Autenticação
Telas de login e cadastro.
Grades bento
Grades modernas com blocos de conteúdo variados.
Blogs
Exiba os seus artigos.
Chamadas para ação
Chamadas para ação convincentes para engajar o público.
Cards
Layouts de card versáteis para todo tipo de conteúdo.
Carreiras
Mostre as suas vagas e oportunidades de carreira.
Contato
Formulários de contato e seções de informação.
Perguntas frequentes
Perguntas frequentes e suas respostas.
Recursos
Destaque os recursos e as vantagens do seu produto.
Rodapés
Rodapés com links e informações.
Feito para lançar rápido
sem parecer sem graça
Um ecossistema pensado para quem desenvolve: uma base confiável, componentes reutilizáveis e controle total do código. Feito para as suas interfaces evoluírem — e se manterem — conforme os seus produtos crescem.
Copie e cole, ou use a sua CLI
Cada componente se instala com a CLI do shadcn que você já usa — ou copie o código-fonte direto da documentação. De qualquer jeito, o código vai parar no seu repo, pronto para moldar.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonTotalmente personalizável
Cada componente é seu para modificar como quiser. Com Tailwind CSS você ajusta cores, bordas, sombras e animações à identidade da sua marca.
Integra com o seu stack favorito
Integra sem atrito em apps React com TypeScript e Tailwind CSS. Fiel às convenções do shadcn/ui e flexível de um framework para outro.
Servidor MCP, integrado ao shadcn
Aponte o seu editor de IA para o servidor MCP do Neobrutalism.com e ele adiciona componentes pelo nome — sem copiar e colar, sem trocar de contexto.
npx shadcn@latest mcp initAmado por devs, designers
e criadores
Encontrei o seu kit de UI e peguei na hora. Impressionante ver que é novo, ativo e melhorando sem parar. Trabalho incrível! 🤘
Ziv Reich, Desenvolvedor de software Só queria dizer que você mandou muito bem no neobrutalism.com. Amei de verdade. Sou péssimo em design, então isso me salvou. Usei no meu site pessoal.
Paul Bratslavsky, Criador do Coding With Paul Finalmente refiz o meu site pessoal com a Neobrutalism.com — biblioteca divertida e fácil de começar!
Cameron Blackwood, Criador de conteúdo A Neobrutalism.com é uma das minhas bibliotecas de componentes UI retrô favoritas — componentes que realmente shipam.
Zhengyang Hou, Indie hacker uma das minhas bibliotecas de ui favoritas para a web. mandou muito bem — espero que vá longe.
Taseen Tanvir, Fundador e designer Acabei de testar o Neobrutalism.com Pro — um kit de UI que não é a cara de todos os outros. Os blocos neobrutalistas 🔥 deixaram prototipar layouts estranhos bem mais rápido.
Nitesh Padghan, Ghostwriter Design de landing page lindo, com equilíbrio e fluxo perfeitos. A paleta de cores combinada com as animações cria uma experiência de usuário excepcional.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Fiquei muito impressionado com o design que eles entregaram. O produto final bateu exatamente com o que eu tinha imaginado.
Desmond, Cofundador @ VectorlabsVentures Como dono de agência, eu costumava gastar semanas refinando layouts de landing para clientes. Com o Neobrutalism.com, eu plugo um template, ajusto o texto e já estou pronto para publicar.
Duke Opoku Amankwah, Fundador @ Midas Os templates não são só visualmente incríveis: também são muito bem estruturados. Economizaram semanas de desenvolvimento.
Abiola Braimah, Desenvolvedor @ Studio IX Qualidade excepcional e atenção aos detalhes. O design responsivo funciona perfeitamente em todos os dispositivos.
Acromond X., Cofundador @ VectorlabsVentures Integrar esses templates no nosso fluxo reduziu bastante nosso ciclo de desenvolvimento. Excelente trabalho.
Raquib S., Desenvolvedor backend Esses templates viraram nosso recurso principal. O código é limpo, bem documentado e fácil de personalizar.
Hallic M., Desenvolvedor @ AtlasLabs Os templates do Neobrutalism.com acertam o equilíbrio perfeito entre estética e funcionalidade. Um verdadeiro divisor de águas para nossos projetos.
Ibrahim S., Frontend Lead @ ScaleUp Suporte excepcional e templates de qualidade premium. O ROI desses templates é fenomenal.
Kevin K., CEO @ WebCraft Os templates do Neobrutalism.com transformaram completamente como encaramos novos projetos de clientes. A qualidade do código é excepcional e os designs são de primeiro nível.
Danny G., Fundador da DevStack Já usei muitas bibliotecas de templates, mas o Neobrutalism.com se destaca pela atenção à otimização de performance e a uma arquitetura de código limpa.
Ian D., CTO na Wavelength As animações e microinterações desses templates são absolutamente impressionantes. Melhor investimento para nossa equipe de design.
Ben S., Lead Designer na PixelPerfect Como fundador não técnico, os templates do Neobrutalism.com nos ajudaram a lançar o MVP em tempo recorde sem abrir mão da qualidade do design. Nossos investidores ficaram impressionados.
Matthew I., Fundador de startup Gosto de quão modulares e bem documentados esses componentes são. Conseguimos misturar peças de templates diferentes sem atrito.
Garrett P., Frontend Lead na TechFusion O ROI dos templates do Neobrutalism.com é incrível. Reduzimos drasticamente o tempo de desenvolvimento e entregamos sites de mais qualidade aos clientes.
Xavier C., Dono de agência
Sobre
NeoBrutalism
Quem somos, o que a marca cobre e para onde ir no site — sem ser um guia de instalação nem um mergulho em preços.