OnboardingBlöcke
Onboarding-Abläufe und Willkommensseiten. Fertige React-UI-Blöcke im neobrutalistischen Stil — Heroes, Pricing, Auth, Dashboards und mehr. Schau sie dir in jeder Bildschirmgröße an, kopiere den Code oder installiere sie über deinen AI-Agenten und unseren MCP-Server. Läuft mit Radix UI, Base UI und React Aria.
- 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
Jeden Layout erkunden
Onboarding
6 Blöcke — öffne eine beliebige Karte für eine Vollbildvorschau, den Code und Installationsschritte.
- 01Pro
Firmenprofil-Setup-Formular
Onboarding-Schritt mit Logo-Dropzone samt Live-Vorschau, neben Feldern für Name, Website und Beschreibung. React und Tailwind, sendet multipart.
- 02Pro
Integrationen-Grid verbinden
Neun Integrations-Cards, deren Connect-Buttons drehen und zu einem Connected-Badge werden, mit Zähler darüber. React und Tailwind, Stub ersetzbar.
- 03Pro
Vierstufiger Setup-Wizard
Nummerierte Schrittleiste mit Back und Next, dazu versteckte Inputs für Antworten aus unsichtbaren Schritten. React und Tailwind fürs Erst-Setup.
- 04Pro
Panel für Team-Einladungen
Einladungs-Panel für den ganzen Ablauf: E-Mail-Formular, Pending-Liste mit Resend und Cancel, Mitgliederliste. React und Tailwind, lokaler State.
- 05Pro
Formular für Personenprofil
Profil-Schritt aus antippbaren Chips, mit echten Radios für Rolle, Erfahrung und acht Interessen-Checkboxen. React und Tailwind, mit Tastaturbedienung.
- 06Pro
Vertikale Onboarding-Schritte
Vier gestapelte Zeilen, die sich an Ort und Stelle aufklappen, mit Häkchen-Markern und einem Continue, das den nächsten Schritt nennt. React und Tailwind.