Erstelle eine UI im Retro-Look mit Neobrutalism.
Früher RetroUI.
NeoBrutalism ist eine Retro-UI-Komponentenbibliothek für React und Next.js — Open-Source-Komponenten, und mit Pro: Blocks, Templates und Figma-Kit. Melde dich an, um dein Pro-Abo zu verwalten, Assets herunterzuladen und Teammitglieder einzuladen.
Füge einen neobrutalen Button, Pricing-Block und Hero hinzu — React + Tailwind, via MCP
Fertig. Dein KI-Agent hat die Registry durchsucht und kann echte Komponenten installieren.
MCP-Server- 50+ Komponenten
- Radix & Base UI
- Kompatibel mit der shadcn-CLI
- Open Source
- 158 fertige Blöcke
- Blöcke & Templates
- Figma-Kit inklusive
- RTL-fähig
- Dark Mode
- MCP-Server-Support
- Neobrutalismus für immer
Fertig und anpassbar
Templates
Neobrutalistische
Komponenten
Entdecke skalierbare shadcn-UI-Komponenten, gestaltet mit Base UI und Radix UI — perfekt für Landingpages, SaaS-Dashboards und moderne Web-Apps.
Accordion
Aufklappbare Inhaltsbereiche.
Alert
Benachrichtigungsmeldungen.
Avatar
Platzhalter für Nutzerbilder.
Badge
Labels als Statusanzeige.
Breadcrumb
Navigationspfade.
Button
Löst interaktive Aktionen aus.
Switch
An-/Aus-Schalter.
Kalender
Raster zur Datumsauswahl.
Card
Container für Inhalte.
Checkbox
Steuerelemente zur Mehrfachauswahl.
Dialog
Modale Overlay-Fenster.
Tabs
Inhalte in Reitern.
Bau schneller mit 200+
Blöcken
Produktionsreife Sektionen — Hero-Blöcke, Preistabellen, Feature-Grids und mehr — direkt einsetzbar in deinem Produkt.
Über uns
Erzähl die Geschichte und Mission deines Unternehmens.
Künstliche Intelligenz
KI-gestützte Chat-Oberflächen und Assistenten.
Authentifizierung
Anmelde- und Registrierungsseiten.
Bento-Grids
Moderne Grid-Layouts mit unterschiedlichen Inhaltsblöcken.
Blogs
Zeig deine Artikel.
Call-to-Action
Überzeugende CTAs, die für mehr Engagement sorgen.
Cards
Vielseitige Card-Layouts für unterschiedliche Inhalte.
Karriere
Zeig offene Stellen und Karrierechancen.
Kontakt
Kontaktformulare und Info-Bereiche.
FAQ
Häufige Fragen und Antworten.
Feature-Blöcke
Zeig die Funktionen und Vorteile deines Produkts.
Footer
Website-Footer mit Links und Informationen.
Gebaut, um schnell zu liefern
ohne langweilig auszusehen
Ein Ökosystem, zugeschnitten auf Entwickler: eine verlässliche Basis, wiederverwendbare Elemente und volle Kontrolle über den Code. Gemacht, um Interfaces weiterzuentwickeln — und zu pflegen — während dein Produkt wächst.
Kopieren, einfügen oder einfach deine CLI nutzen
Jede Komponente installierst du mit der shadcn-CLI, die du ohnehin nutzt — oder kopierst den Quellcode direkt aus der Doku. So oder so landet der Code in deinem Repo, bereit zum Anpassen.
npx shadcn@latest add https://neobrutalism.com/r/base/button.jsonVollständig anpassbar
Jede Komponente gehört dir, ändere sie nach Belieben. Mit Tailwind CSS passt du Farben, Rahmen, Schatten und Animationen an deine Marke an.
Fügt sich in deinen liebsten Tech-Stack ein
Fügt sich reibungslos in React-Apps mit TypeScript und Tailwind CSS ein, folgt den shadcn/ui-Konventionen und bleibt über Frameworks hinweg flexibel.
MCP-Server-Support zusammen mit shadcn
Richte deinen AI-Editor auf den Neobrutalism.com-MCP-Server und er kann Komponenten per Name hinzufügen — ohne Copy-paste, ohne Kontextwechsel.
npx shadcn@latest mcp initGeliebt 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
Über
NeoBrutalism
Wer wir sind, was die Marke abdeckt und wo du auf der Site als Nächstes hingehst — kein Installations-Guide und kein Pricing-Deep-Dive.