Framer doesn’t ship with a form toggle—so I built one. Fully functional, plug-and-play, and seamlessly integrated into Framer Forms to boost UX.
Made with Workshop
Build your own component with AI
Form Toggle Switch is a fully functional, form-ready toggle component built specifically to integrate with Framer Forms. It behaves like a real input, passes values correctly on submit, and feels native inside the Framer editor.
You can:
Set custom On / Off values (e.g. Yes/No, True/False, Monthly/Yearly)
Define a default state
Control the form field name for clean submissions
Customize active, inactive, and thumb colors
Mark the toggle as required or disabled
Drop it directly into any Framer form—no hacks, no workarounds
Perfect for:
Pricing switches (monthly vs yearly)
Feature opt-ins
Conditional form logic
Cleaner UX vs clunky checkboxes
If you’re building serious forms in Framer and want a toggle that actually works like one, this component gives you native behavior, full control, and a polished experience—out of the box.