Onboardingblokken
Onboardingflows en welkomstschermen. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Onboarding
6 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Formulier bedrijfsprofiel
Onboardingstap met een logo-uploadvak dat het bestand direct laat zien, naast naam-, website- en beschrijvingsvelden. React en Tailwind, multipart post.
- 02Pro
Grid integraties koppelen
Negen integratiekaarten met draaiende knoppen die overgaan in een badge Gekoppeld, met een teller erboven. React en Tailwind; vervang de stub door OAuth.
- 03Pro
Wizard in vier stappen
Genummerde stappenrail met Terug en Volgende, en verborgen inputs zodat antwoorden van stappen buiten beeld toch worden verstuurd. React en Tailwind.
- 04Pro
Paneel teamleden uitnodigen
Uitnodigingspaneel voor de hele cyclus: gevalideerd e-mailformulier, wachtlijst met resend en annuleren, ledenoverzicht. React en Tailwind, lokale state.
- 05Pro
Formulier persoonlijk profiel
Profielstap opgebouwd uit tikbare chips, echte radiobuttons voor rol en ervaring en acht interessecheckboxen. React en Tailwind, met toetsenbordgedrag.
- 06Pro
Verticale onboardingstappen
Vier gestapelde rijen die uitklappen zodat je vooruit kunt lezen, met vinkmarkers en een knop die de volgende stap noemt. React en Tailwind.