← All Components
Forms
Toggle Pro
Free
A forms component built for Framer. Live preview below — interact with it directly before you buy.
If it saves you time, a small tip is always appreciated.Donation
About Toggle Pro
TogglePro is a fully animated, accessible toggle switch for Framer. Smooth thumb slide with a subtle squish bounce, a focus ring, and a live light/dark showcase mode to preview every state at once. Perfect for settings panels, forms and feature toggles.
Features
- →Smooth thumb slide animation with squish/bounce effect on toggle
- →Customizable track, thumb and focus ring colors
- →Adjustable width, height, padding and auto border radius
- →Built-in focus ring with customizable color and width
- →Customizable label font — family, size, weight, line-height, letter-spacing
- →Optional helper text below the label
- →Label position control — left or right of the switch
- →Three preview states: Default, Focused, Disabled — design without writing code
- →Demo Mode — live light & dark showcase panels with all states side by side
- →Fully responsive showcase — auto switches to vertical stack on smaller screens
Use Cases
- →Settings & preferences panels
- →SaaS dashboard & admin interfaces
- →Account & profile settings pages
- →Onboarding & feature opt-in flows
- →Pricing pages — plan & add-on toggles
- →Forms & multi-step signup flows
- →Cookie consent & privacy controls
- →Notification & email preference centers
- →Dark mode / theme switchers
- →E-commerce filters & product option selectors
Best value
Get every component with All-Access — $129
Toggle Pro and all 122 others, current and future.
Get All-Access
