Register
v1.0.14Updated 27 Aug 2026Account sign-up page with form, benefits panel and multi-step variant. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 15 storiesCenteredOpen ↗
▸Why this is recommendedregisterregistrationsign-upsignup+6
Register centred on the page.
Recommended for+14
- ✓Registration pages where a new user creates an account
- ✓Public sign-up, with a benefits or social-proof panel alongside
- ✓Multi-step account creation, or a sign-up prefilled from an invite
- ✓Auth flows
- ✓Onboarding entry
Tags+6
registerregistrationsign-upsignupauthauthenticationonboardingaccountpagecentered
Features+4
- Centered, split-benefits, with-steps and minimal layouts
- Name / email / password + terms
- Self-contained — no required props
Not recommended for−2
- ✕In-app modals (use a Dialog)
- ✕Signing an existing user in (use Login)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override
—