Zum Inhalt springen

Integrationen-Grid verbinden

Onboarding · Pro-Quellcode

Der optionale Schritt in einem Signup-Flow, in dem jemand die Tools verbindet, die er bereits nutzt. Neun Integrations-Cards stehen in einem dreispaltigen Grid, jede mit eigenem Connect-Button, der während des Handshakes einen Pending-Status zeigt und danach zu einem Connected-Badge wird. Ein Zähler und ein Fortschrittsbalken über dem Grid führen Buch, und der Finish-Button beendet den Schritt, egal ob ein Tool verbunden ist oder keins.

Live-Vorschau öffnenHol dir Neobrutalism Pro
Onboarding
Neobrutalist integrations onboarding grid for React and Tailwind CSS: a Connect your tools heading with a 1 of 9 connected progress bar above nine bordered cards for GitHub, Notion, Slack, Zapier, Google Calendar, Gmail, Google Drive, Analytics and Stripe, the GitHub card showing a yellow Connected badge and the others a black button naming the tool to connect.
Integrationen-Grid verbinden
  • Heroes, Preise & Auth
  • Vorschau in jeder Breakpoint
  • Code kopieren
  • MCP-Installation bereit
  • Radix · Base UI · React Aria
  • 158 fertige Blöcke
  • Page-Sections die shippen
  • Dashboards & Marketing
  • Pro schaltet den Code frei
  • Layouts zum Einsetzen
VorschauKostenlosÖffne es im Vollbild und wechsle Breakpoint oder Theme.CodeProEine eigenständige TSX-Datei. Kopier sie, sie gehört dir.InstallationProEin einziger shadcn-CLI-Befehl — oder der Agent-Prompt für Claude Code, Cursor oder jeden MCP-Client.

Gebaut mit

Plus lucide-react Icons und Tailwind CSS — keine weitere Runtime-Abhängigkeit.

Mehr Onboarding-Layouts (5)

Alle anschauen

https://neobrutalism.com/de/blocks/onboarding/connect-integrations-onboarding-grid

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

Häufig gefragt
Fragen

Wie der Integrationen-Grid verbinden-Block aufgebaut ist, was du ändern kannst und wann du ihn statt der anderen Layouts hier verwenden solltest.

Problem mit dem Zugriff? E-Mail[email protected]
Get Pro — Save 33%--:--:--