NeobrutalistaReact UI Figma kit
Um kit Figma com visual neobrutalista mapeado 1:1 para os componentes React — 300+ componentes com variants, auto-layout e anotações de classes Tailwind. Tokens claros e escuros inclusos; o Pro libera o kit.
- 300+ componentes Figma
- Variantes e auto-layout
- Tailwind anotações de classe
- Maps 1:1 para codificar
- Fichas claras e escuras
- Incluído no pacote “Pro”
- Tokens de tema integrados
- Projetar → entregar
- Com design neobrutalista
- v1.3 kit
Escala Design e
Desenvolvimento
Um sistema neobrutalista disponível em Figma e em React — componentes, variantes, layout automático e tokens que combinam com o kit de código, para que o design e a engenharia não fiquem mais distantes um do outro.
Cada componente fundamental, como um componente do Figma
Os botões nas caixas de diálogo e em outras partes são fornecidos como componentes “Figma” de verdade, com variantes. Crie seu design usando a mesma biblioteca que seu app instala — e não um protótipo pontual que a equipe de engenharia precisa reconstruir do zero.
Tailwind classes em cada camada
As camadas vêm com anotações indicando os utilitários aos quais correspondem no código. O Handoff é só copiar e colar os nomes das classes, não é preciso ajustar esse espaçamento a olho nu.
Escolhe o tema uma vez — o pacote todo vem junto
Os ícones claros e escuros refletem o tema do código. Troca os elementos principais, as superfícies e a tipografia no kit e todas as instâncias são atualizadas, da mesma forma que as variáveis dCSSem o tema do site.
Figma kit · v1.3
Cria o teu próximo produto que vai dar o que falar
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
Figma kit
FAQ
O sistema de design.fig do Pro nesta página — conteúdo do arquivo, download restrito, anotações do Tailwind e como ele se integra ao código.