NeobrutalistaReact UI Figma kit
Un kit de Figma con estilo neobrutalista mapeado 1:1 a los componentes React — más de 300 componentes con variantes, auto-layout y anotaciones de clases Tailwind. Tokens claros y oscuros incluidos; Pro desbloquea el kit.
- 300+ componentes Figma
- Variantes y auto-layout
- Tailwind anotaciones de clase
- Mapas 1:1 para programar
- Fichas claras y oscuras
- Incluido en Pro
- Tokens de tema integrados
- Diseño → envío
- De estilo neobrutalista
- v1.3 kit
Escala Diseño y
Desarrollo
Un sistema neobrutalista en Figma y en React: componentes, variantes, diseño automático y tokens que se adaptan al kit de código para que el diseño y la ingeniería dejen de distanciarse.
Cada componente fundamental, como componente de Figma
Los botones, tanto los de los cuadros de diálogo como los demás, se entregan como componentes reales de Figma con variantes. Diseña utilizando la misma biblioteca que instala tu app, en lugar de una maqueta puntual que el equipo de ingeniería tenga que volver a crear desde cero.

Tailwind clases en cada capa
Las capas llevan anotadas las utilidades a las que corresponden en el código. El proceso consiste en copiar y pegar los nombres de las clases, no en hacer coincidir este relleno a ojo.

Elige un tema una vez y ya tienes todo listo
Los iconos claros y oscuros reflejan la temática del código. Si cambias los colores principales, las superficies y la tipografía del kit, todas las instancias se actualizan, igual que las variables de CSS cambian el tema de la web.

Adorado por devs, diseñadores
y creadores
Me topé con tu kit de UI y me lo llevé enseguida. Me impresionó ver que es nuevo, se mantiene activo y mejora sin parar. ¡Gran trabajo! 🤘
Ziv Reich, Desarrollador de software Solo quería decir que hiciste un gran trabajo con neobrutalism.com. Me encanta de verdad. Soy un desastre con el diseño, así que esto me vino de maravilla. Lo usé en mi web personal.
Paul Bratslavsky, Creador de Coding With Paul Por fin rehíce mi web personal con Neobrutalism.com — biblioteca divertida y muy fácil de empezar.
Cameron Blackwood, Creador de contenido Neobrutalism.com es una de mis bibliotecas de componentes UI retro favoritas — componentes que de verdad se pueden shippear.
Zhengyang Hou, Indie hacker una de mis bibliotecas de ui favoritas para la web. gran trabajo — espero que llegue muy lejos.
Taseen Tanvir, Fundador y diseñador Acabo de probar Neobrutalism.com Pro — un kit de UI que no se parece a todo lo demás. Los bloques neobrutalistas 🔥 hicieron más rápido prototipar diseños raros y divertidos.
Nitesh Padghan, Redactor fantasma Un diseño de landing page precioso, con un equilibrio y un flujo perfectos. La paleta de color junto con las animaciones crea una experiencia de usuario excepcional.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Estoy muy impresionado con el diseño que entregaron. El producto final coincidió exactamente con lo que había imaginado.
Desmond, Cofundador @ VectorlabsVentures Como dueño de agencia, solía pasar semanas perfeccionando layouts de landing para clientes. Con Neobrutalism.com, meto una plantilla, ajusto el copy y ya estoy listo para publicar.
Duke Opoku Amankwah, Fundador @ Midas Las plantillas no solo son visualmente impactantes: también están increíblemente bien estructuradas. Nos ahorraron semanas de desarrollo.
Abiola Braimah, Desarrollador @ Studio IX Calidad sobresaliente y atención al detalle. El diseño responsive funciona a la perfección en todos los dispositivos.
Acromond X., Cofundador @ VectorlabsVentures Integrar estas plantillas en nuestro flujo ha reducido mucho nuestro ciclo de desarrollo. Excelente trabajo.
Raquib S., Desarrollador backend Estas plantillas se han convertido en nuestro recurso de referencia. El código es limpio, está bien documentado y es fácil de personalizar.
Hallic M., Desarrollador @ AtlasLabs Las plantillas de Neobrutalism.com logran el equilibrio perfecto entre estética y funcionalidad. Un verdadero cambio de juego para nuestros proyectos.
Ibrahim S., Frontend Lead @ ScaleUp Soporte excepcional y plantillas de calidad premium. El ROI de estas plantillas es fenomenal.
Kevin K., CEO @ WebCraft Las plantillas de Neobrutalism.com han transformado por completo cómo abordamos los proyectos de clientes. La calidad del código es excepcional y los diseños son de primer nivel.
Danny G., Fundador de DevStack He usado muchas bibliotecas de plantillas, pero Neobrutalism.com destaca por su atención a la optimización del rendimiento y a una arquitectura de código limpia.
Ian D., CTO en Wavelength Las animaciones y microinteracciones de estas plantillas son absolutamente impresionantes. La mejor inversión para nuestro equipo de diseño.
Ben S., Lead Designer en PixelPerfect Como fundador no técnico, las plantillas de Neobrutalism.com nos ayudaron a lanzar el MVP en tiempo récord sin renunciar a la calidad del diseño. Nuestros inversores se quedaron impactados.
Matthew I., Fundador de startup Aprecio lo modulares y bien documentados que son estos componentes. Hemos podido combinar piezas de distintas plantillas sin fricción.
Garrett P., Frontend Lead en TechFusion El ROI de las plantillas de Neobrutalism.com es increíble. Hemos reducido drásticamente el tiempo de desarrollo y entregamos sitios de más calidad a nuestros clientes.
Xavier C., Dueño de agencia
Figma kit
FAQ
El sistema de diseño «Pro (.fig)» de esta página: contenido del archivo, descarga restringida, anotaciones de Tailwind y cómo se integra con el código.



















