Build powerful, high-converting multi-step forms, surveys, and lead capture wizards directly in Framer. Transform long, intimidating forms into friendly, step-by-step experiences that boost completion rates and delight your users.
100% no-code. Fully responsive. Pixel-perfect customization.
Long forms overwhelm users. Multi-step forms break complexity into digestible chunks, reducing abandonment and increasing submissions by up to 300%. This component gives you enterprise-level form functionality with the simplicity Framer users love.
Visual Form Builder Design forms directly in Framer's properties panel. Add steps, configure fields, set validation rules, all without touching code. See changes instantly on canvas.
12 Field Types Text, Email, Phone, Password, Textarea, Select Dropdown, Radio Buttons, Checkboxes, Date Picker, Number, Range Slider, and File Upload.
Smart Conditional Logic Create dynamic, intelligent forms. Show or hide fields based on user responses. Example: Display "Company Size" only when "Business" is selected as account type.
Built-in Validation Required fields, email format, min/max character limits, numeric ranges, and custom patterns. Choose between instant validation or validate-on-blur for smoother UX.
Autosave Progress Users can leave and return without losing their input. Progress saves automatically to browser storage, perfect for longer forms and surveys.
Full Color System (20+ tokens) Customize every element: surface backgrounds, borders, input states, button colors, progress indicators, error messages, scrollbars, and more.
Typography Controls Independent font settings for titles, descriptions, labels, inputs, buttons, errors, and success messages. Use any font from your Framer project.
Layout Flexibility Card or flat surface styles. Adjustable corner radius for container, inputs, and buttons. Custom padding and field spacing. Button width: auto or full-width. Content alignment: top, center, or space-between.
Theme Support Light, Dark, or System (auto-detects user preference). All color tokens adapt intelligently.
Smooth Transitions Slide or fade animations between steps with adjustable duration.
Framer Forms Native integration for simple text submissions.
POST to Any Endpoint Send complete form data (including files) to Formspree, Getform, Make, Zapier, or your custom backend via FormData.
HTML Form Traditional form submission with configurable action URL and method.
After-Submit Actions Show a success message, redirect to a thank-you page (same tab or new tab), with optional delay.
Collect resumes, portfolios, briefs, or images. Works with POST and HTML Form methods. Accepts any file type with configurable restrictions.
Note: Framer's native form doesn't support file uploads. The component warns you automatically if misconfigured.
For complex forms, switch to JSON schema mode. Describe your form structure in plain English using our included AI prompt, and get production-ready JSON instantly.
The Multi-Step Form Wizard component
Comprehensive documentation
AI prompt for JSON schema generation
Free lifetime updates
v5.0 Major Update
Granular typography controls (8 font categories)
Custom scrollbar styling
Improved numeric field validation
FormData engine for robust file uploads
Enhanced canvas performance
Refined focus states and spacing
Contact and inquiry forms
Project brief questionnaires
Lead generation and qualification
Customer surveys and feedback
Job application forms
Event registration
Onboarding wizards
Quote request forms
Questions? Reach out anytime at jo@joworks.studio
Can Girgin
