Onboardingblocks
User onboarding flows and welcome screens. Ready-made React UI blocks with a neobrutalist look — heroes, pricing, auth, dashboards, and more. Preview every screen size, copy the code, or install via your AI agent with our MCP server. Works with Radix UI, Base UI, and React Aria.
- Heroes, pricing & auth
- Preview every breakpoint
- Copy the source
- MCP install ready
- Radix · Base UI · React Aria
- 158 ready-made blocks
- Page sections that ship
- Dashboards & marketing
- Pro unlocks the code
- Drop-in layouts
Browse every layout
Onboarding
6 blocks — open any card for a full-screen preview, the code, and install steps.
- 01Pro
Business Profile Setup Form
Onboarding step with a logo dropper that previews the file in place, beside name, website and description fields. React and Tailwind, posts multipart.
- 02Pro
Connect Integrations Grid
Nine integration cards whose connect buttons spin, then settle into a Connected badge, with a counter above. React and Tailwind; swap the stub for real OAuth.
- 03Pro
Four-Step Setup Wizard
Numbered step rail with Back and Next, and hidden inputs so answers from off-screen steps still post. Built in React and Tailwind for first-run setup.
- 04Pro
Invite Team Members Panel
Invite panel covering the whole loop: validated email form, pending list with resend and cancel, member roster. React and Tailwind with local state wired.
- 05Pro
Personal Profile Setup Form
Profile step built from tappable chips, real radios for role and experience and eight interest checkboxes. React and Tailwind, keyboard behaviour included.
- 06Pro
Vertical Onboarding Steps
Four stacked rows that expand in place so you can read ahead, with tick markers and Continue naming the next step. React and Tailwind onboarding checklist.