Stop sending people to a plain one-field email form. This component collects richer lead data across 4 guided steps, so you know exactly who's joining your waitlist and why.
What's inside
Step 1 collects name, email, and company.
Step 2 lets users pick their role from a customizable card grid.
Step 3 lets them select use cases from a chip selector with an optional free-text Other field.
Step 4 shows a summary of their answers, asks two optional questions, and submits.
A smooth animated success state confirms their spot.
Key features
Dark and light mode with a single toggle
Glassmorphism card design that works on any background
Segmented progress bar — or switch to dots or numbers
Role cards, use case chips, source dropdown — all fully editable in the property panel
Social proof row with avatar images, toggle on or off
Privacy policy link field
Animated success state with position badge
All fields serialized for Framer Form Stack — connects directly to your email
Responsive at all breakpoints including mobile
Accessible — keyboard navigation, screen reader support, correct ARIA roles throughout
How to use
Drop a Framer Form Stack onto your page
Delete the default fields inside it
Drop this component inside the Form Stack
Connect your email in the Form Stack settings
Customize text, colors, fonts, and options from the property panel
That is it. No code, no web hooks, no third-party tools required.
Customizable from the property panel
Every text label, heading, subtitle, and CTA is editable. Colors, fonts, role card options, chip options, source dropdown options, and social proof text are all exposed as clean property controls. Dark and light themes both come pre-configured with matching defaults so the form looks great out of the box in either mode.
Kinetix
