---
title: "Squishy Toggle — Free Framer component · Best of Framer"
description: "Free Framer component · by BasePixel · Buttons. Squishy toggle on/off switch for Framer"
canonical: "https://framer.elliotli.dev/component/squish-toggle"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Squishy Toggle

# Squishy Toggle

Squishy toggle on/off switch for Framer

[View on Framer](https://framer.com/marketplace/components/squish-toggle/?via=elliot-li)

![Squishy Toggle preview image 1](https://framer.elliotli.dev/og/component/squish-toggle/f8d1a31638f516a9/1600x1200.jpg)

## Summary

Squishy toggle on/off switch for Framer

## Description

This Squish Toggle Framer component is designed for websites and pages to level up your standard toggle with a modern, new approach. The fun and cute 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)
    
-   Color customization
    
-   Thumb color control
    
-   Duration control for squish bounce animation
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #4539

## Details

- **Author**: BasePixel
- **Published**: 2026-02-17
- **Updated**: 2026-06-10
- **Added**: 2026-02-14
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything
