NeobrutalistReact UI Figma Kit
Ein Figma-Kit im neobrutalistischen Stil, das 1:1 den React-Komponenten entspricht — 300+ Komponenten mit Varianten, Auto-Layout und Tailwind-Klassen-Annotationen. Light- und Dark-Tokens inklusive; Pro schaltet das Kit frei.
- 300+ Figma-Komponenten
- Varianten & Auto-Layout
- Tailwind-Klassen-Annotationen
- 1:1 zum Code
- Light- & Dark-Tokens
- Inklusive Pro
- Theme-Tokens integriert
- Design → Ship
- Neobrutalistisch by design
- v1.3 Kit
Maßstab Design und
Entwicklung
Ein Neobrutalismus-System unter Figma und unter React – Komponenten, Varianten, Auto-Layout und Tokens, die zum Code-Kit passen, damit Design und Technik nicht mehr auseinanderdriften.
Jede grundlegende Komponente als Figma-Komponente
Schaltflächen in Dialogen und darüber hinaus werden als echte Figma-Komponenten mit Varianten ausgeliefert. Entwirf deine App auf Basis derselben Bibliothek, die deine App installiert – und nicht anhand eines einmaligen Mocks, den die Entwickler von Grund auf neu erstellen müssen.
Tailwind Klassen auf jeder Ebene
Die Ebenen sind mit den Funktionen versehen, denen sie im Code zugeordnet sind. Bei der Übergabe kopiert und fügt man einfach die Klassennamen ein – man muss das Abstandsproblem nicht mit bloßem Auge anpassen.
Einmal das Thema festlegen – und schon ist alles erledigt
Helle und dunkle Symbole spiegeln das Code-Thema wider. Tausche im Kit die Primärfarben, Oberflächen und Schriftarten aus, und jede Instanz wird automatisch aktualisiert – genauso wie die Variablen unter CSS das Design der Website anpassen.
Geliebt von Devs, Designern
& Creators
Bin über dein UI-Kit gestolpert und hab es sofort mitgenommen. Beeindruckt: neu, aktiv gepflegt und ständig verbessert. Großartige Arbeit! 🤘
Ziv Reich, Softwareentwickler Wollte nur sagen: großartige Arbeit an neobrutalism.com. Gefällt mir wirklich. Ich bin miserabel im Design, deshalb war das perfekt. Hab es auf meiner persönlichen Seite eingesetzt.
Paul Bratslavsky, Macher von Coding With Paul Endlich meine persönliche Website mit Neobrutalism.com neu gebaut — spaßige Bibliothek, super einfach zum Starten!
Cameron Blackwood, Content Creator Neobrutalism.com ist eine meiner liebsten UI-Komponenten-Bibliotheken im Retro-Stil — Komponenten, die wirklich shippen.
Zhengyang Hou, Indie Hacker eine meiner liebsten ui-bibliotheken fürs web. tolle arbeit — hoffe, es geht steil nach oben.
Taseen Tanvir, Gründer & Designer Habe gerade Neobrutalism.com Pro ausprobiert — ein UI-Kit, das nicht aussieht wie alles andere. Die neobrutalistischen Blöcke 🔥 machen schräge Layouts deutlich schneller.
Nitesh Padghan, Ghostwriter Wunderschönes Landingpage-Design mit perfekter Balance und Flow. Die Farbpalette zusammen mit den Animationen schafft eine außergewöhnliche User Experience.
Alan Obeng-Peprah, Senior Designer @ NativeXAI Ich bin wirklich beeindruckt von dem Design, das sie geliefert haben. Das Endergebnis entsprach genau dem, was ich mir vorgestellt hatte.
Desmond, Mitgründer @ VectorlabsVentures Als Agenturinhaber brauche ich oft Wochen, um Landingpage-Layouts für Kunden zu perfektionieren. Mit Neobrutalism.com stecke ich ein Template ein, passe den Copy an – und bin ship-ready.
Duke Opoku Amankwah, Gründer @ Midas Die Templates sind nicht nur optisch stark, sondern auch unglaublich gut strukturiert. Sie haben uns Wochen Entwicklungszeit gespart.
Abiola Braimah, Developer @ Studio IX Hervorragende Qualität und Liebe zum Detail. Das responsive Design funktioniert auf allen Geräten einwandfrei.
Acromond X., Mitgründer @ VectorlabsVentures Diese Templates in unseren Workflow zu integrieren hat unseren Entwicklungszyklus deutlich verkürzt. Exzellente Arbeit.
Raquib S., Backend-Entwickler Diese Templates sind unsere Go-to-Ressource geworden. Der Code ist sauber, gut dokumentiert und leicht anpassbar.
Hallic M., Developer @ AtlasLabs Neobrutalism.com-Templates treffen die perfekte Balance zwischen Ästhetik und Funktionalität. Ein echter Game-Changer für unsere Projekte.
Ibrahim S., Frontend Lead @ ScaleUp Hervorragender Support und Premium-Templates. Der ROI dieser Templates ist phänomenal.
Kevin K., CEO @ WebCraft Neobrutalism.com-Templates haben komplett verändert, wie wir neue Kundenprojekte angehen. Die Codequalität ist außergewöhnlich und die Designs wirklich world-class.
Danny G., Gründer von DevStack Ich habe viele Template-Bibliotheken genutzt, aber Neobrutalism.com sticht durch Performance-Optimierung und saubere Code-Architektur heraus.
Ian D., CTO bei Wavelength Die Animationen und Micro-Interactions in diesen Templates sind absolut beeindruckend. Beste Investition für unser Design-Team.
Ben S., Lead Designer bei PixelPerfect Als nicht-technischer Gründer haben uns Neobrutalism.com-Templates geholfen, unser MVP in Rekordzeit zu launchen – ohne Designqualität zu opfern. Unsere Investoren waren begeistert.
Matthew I., Startup-Gründer Ich schätze, wie modular und gut dokumentiert diese Komponenten sind. Wir konnten Teile aus verschiedenen Templates nahtlos mischen.
Garrett P., Frontend Lead bei TechFusion Der ROI von Neobrutalism.com-Templates ist unglaublich. Wir haben die Entwicklungszeit dramatisch gesenkt und liefern gleichzeitig hochwertigere Sites an unsere Kunden.
Xavier C., Agentur-Inhaber
Figma-Kit
FAQ
Das Pro-.fig-Designsystem auf dieser Seite – Dateiinhalte, Download mit Zugangsbeschränkung, Anmerkungen zu Tailwind und wie es mit dem Code zusammenpasst.