Multi-step form wizard with a split image layout — each step gets its own full-bleed image, so a long questionnaire reads as a guided sequence instead of a wall of inputs. Everything is configured from the property panel.
NEW
• Multi-select fields — one question, many answers
• Per-step title, description, image and badge now fully editable
• Steps | Fields switch keeps the panel readable
• Helper text per field
• Keyboard-accessible checkboxes
• Export-safe rendering
FIELD TYPES (11)
Text, Email (validated), Phone, URL, Number, Date, Textarea, Select, Multi-select, Checkbox, File. Each with label, placeholder, helper text and required toggle. Fields map to steps by index.
DESIGN
• 5 themes: Minimal, Editorial, Dark, Glass, Luxury — plus Custom with 13 individual colours
• 5 step transitions: Slide, Fade, Scale, Blur, Cinematic
• 5 entrance animations with delay
• 4 progress styles: Bar, Dots, Fraction, None
• 6 button shapes, editable Next / Back / Submit labels
• 7 font controls: heading, body, label, input, button, helper, badge
• Image side and width, radius, padding, overlay, full-screen mode
• Success screen: 6 icons, custom colours, editable title and message
STEPS
Every step carries its own title, description, image and badge text. Images come from Framer's asset picker. No cap on step count.
SUBMISSION
Connect Framer's native Form element — email notifications, Zapier, Make, Notion, Slack. No API keys, no third-party endpoint. An onSubmit handler is exposed for custom routing.
BUILT PROPERLY
Responsive single-column mobile layout. Per-step validation with inline errors. Checkboxes stay in the tab order with a visible focus ring. Animations pause during canvas render and static export.
SETUP
Drag it in, edit your steps and fields, insert a Framer Form and select it under Submit To.
BEST FOR
Agency contact forms, client onboarding, lead qualification, project briefs, event registration, consultation booking, portfolio inquiries.
Multi-step form wizard with a split image layout — each step gets its own full-bleed image, so a long questionnaire reads as a guided sequence instead of a wall of inputs. Everything is configured from the property panel.
NEW
• Multi-select fields — one question, many answers
• Per-step title, description, image and badge now fully editable
• Steps | Fields switch keeps the panel readable
• Helper text per field
• Keyboard-accessible checkboxes
• Export-safe rendering
FIELD TYPES (11)
Text, Email (validated), Phone, URL, Number, Date, Textarea, Select, Multi-select, Checkbox, File. Each with label, placeholder, helper text and required toggle. Fields map to steps by index.
DESIGN
• 5 themes: Minimal, Editorial, Dark, Glass, Luxury — plus Custom with 13 individual colours
• 5 step transitions: Slide, Fade, Scale, Blur, Cinematic
• 5 entrance animations with delay
• 4 progress styles: Bar, Dots, Fraction, None
• 6 button shapes, editable Next / Back / Submit labels
• 7 font controls: heading, body, label, input, button, helper, badge
• Image side and width, radius, padding, overlay, full-screen mode
• Success screen: 6 icons, custom colours, editable title and message
STEPS
Every step carries its own title, description, image and badge text. Images come from Framer's asset picker. No cap on step count.
SUBMISSION
Connect Framer's native Form element — email notifications, Zapier, Make, Notion, Slack. No API keys, no third-party endpoint. An onSubmit handler is exposed for custom routing.
BUILT PROPERLY
Responsive single-column mobile layout. Per-step validation with inline errors. Checkboxes stay in the tab order with a visible focus ring. Animations pause during canvas render and static export.
SETUP
Drag it in, edit your steps and fields, insert a Framer Form and select it under Submit To.
BEST FOR
Agency contact forms, client onboarding, lead qualification, project briefs, event registration, consultation booking, portfolio inquiries.
Can Girgin
