Squish Toggle — Squishy toggle on/off switch for Framer

This Squish Toggle Framer component is designed for websites and pages to level up your standard toggle with a modern, new approach. The fun press and release motion adds a clear state change, and the property controls make it easy to match existing design systems. Use it to make your interactions beautiful.

Where You Can Use It

Use it in unlimited projects to replace standard toggles and delight your users! Here are some ideas:

• Pricing plans and plan add-ons

• Settings and preference toggles

• Forms, filters, and control panels

• Landing pages that include interactive UI sections

Features

• Default state control (on/off)

• Active color control

• Inactive color control

• Thumb color control

• Duration control for squish bounce animation