DevtoolsNeobrutalistamodelos React UI
Templates React de sites completos com visual neobrutalista — SaaS, agências, portfolios, dashboards e mais. Marketing, autenticação e acabamento já no Next.js de ponta a ponta. Veja cada tela ao vivo; o Pro libera o código-fonte. Funciona com Radix UI, Base UI e React Aria.
- Modelos para o site inteiro
- SaaS · portfólio · agência
- Next.js + Tailwind
- Seja dono do código
- Pro incluído
- Pré-visualizações ao vivo
- Painéis que arrasam
- Pronto para ser implementado
- Com design neobrutalista
- Radix · Base UI · React Aria
Prontos e personalizáveis
Templates
Todos os templates
- Devtools
SaaS
AgênciaBrut Studio
Um template de landing page neobrutalismo para agências. Perfeito para agências criativas, estúdios de design e profissionais independentes do setor.
Portfólio
SaaS de IA
Dashboard
Amado 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
Modelo
hub FAQ inform
Sites completos do “Next.js” neste hub — categorias, visualizações ao vivo, download do arquivo zip “Pro” e o que você vai ter depois de descompactar.
Um projeto “Next.js” de várias páginas, pronto para rodar no sistema NeoBrutalism — com rotas, layouts e arquivos UI já montados —, sem nenhuma seção. Os exemplos incluem SaaS, portfólio, agência, painel de controle e modelos de produtos semelhantes.
Eles criam páginas de categoria indexáveis (por exemplo, SaaS, portfólio) para que você possa navegar por tipo de produto. Os números em cada seção indicam quantos modelos estão nessa categoria.
Uma galeria ao vivo com capas reais de modelos deste hub — os mesmos recursos dos cartões abaixo — para você dar uma olhada na direção visual antes de abrir a página de detalhes.
Os cartões mostram o slogan e a capa. As páginas de detalhes trazem informações adicionais, listas de recursos, notas sobre versão/plataforma, modelos relacionados e o link de download do Pro para esse slug.
Um arquivo zip do projeto: Next.js (estrutura da aplicação), NeoBrutalism (conexão), UI, Tailwind (tokens de tema) e as páginas que o modelo traz. É o código-fonte que fica no seu repositório depois de descompactar — não é um ambiente de teste hospedado.
Sim. As páginas de marketing, capas e visualizações ao vivo são públicas. O arquivo zip está em NeoBrutalism Pro Se você estiver desconectado, clique em “Entrar”; se não estiver em Pro, acesse /pricing; e Pro leva direto para o arquivo.
Instale os dependentes com seu gerenciador de pacotes, defina as variáveis de ambiente se o modelo indicar alguma, e execute o servidor de desenvolvimento. A seção “Sobre / Incluído” dos detalhes de cada modelo lista tudo o que for especial (stubs de autenticação, conteúdo de demonstração, etc.).
Sim. Encarem isso como um ponto de partida: apaguem as rotas, mantenham os tokens e os componentes, ou façam o contrário. Vocês não estão presos à arquitetura de informação da demo.
Usa o modelo quando quiser uma estrutura de navegação + várias páginas já prontas. Usa os blocos quando seu app já estiver pronto e você só precisar de um destaque, uma seção de preços ou uma tela de autenticação. Muitas equipes baixam um modelo e depois vão adicionando blocos aos poucos.
Não. O kit “Pro” Figma é um download separado no site /figma. Os modelos são código. Use o kit se as equipes de design e engenharia precisarem de uma linguagem de componentes compartilhada fora do repositório.
Next.js + React + TypeScript + Tailwind, NeoBrutalism padrões de registro. Se a sua pilha for diferente, prefira componentes e blocos livres em vez de transplantar um modelo inteiro.
Isso depende do seu plano “Pro” (licenças + direitos comerciais). O envio por agência geralmente requer o plano “Team” ou “Organization”. A matriz completa e o checkout estão disponíveis em /pricing — não estão reproduzidos aqui.