---
title: "Liquid Toggle — Free Framer component · Best of Framer"
description: "Free Framer component · by Visual Mess Studio · Buttons. Gooey toggle with smooth physics motion"
canonical: "https://framer.elliotli.dev/component/liquid-toggle"
---

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

# Liquid Toggle

Gooey toggle with smooth physics motion

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

![Liquid Toggle preview image 1](https://framer.elliotli.dev/og/component/liquid-toggle/c4f24185c050f156/1600x1200.jpg)

## Summary

Gooey toggle with smooth physics motion

## Description

LiquidToggle is a **high-quality interactive toggle component for Framer** designed to bring motion, personality, and tactile feedback into your UI.

Unlike standard switches, LiquidToggle uses a **gooey liquid effect with smooth physics-based animation**, creating a more engaging and delightful user experience. The toggle responds dynamically to clicks and drags, making interactions feel fluid and responsive.

Built directly for Framer, the component is fully customizable from the **properties panel**, allowing you to fine-tune both appearance and behavior without writing any code.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4end47vc-e6wIujoafj0z76M3CIFeQuDxmWA4kt)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4end47vc-FTW97IiRHbQRtnJw0WDErhujKpNbLF)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4end47vc-ZgUJmT5UdMQXlZ4MY6SAyERxHVfRjJ)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4end47vc-iar7n0rCWRuZCyri13CwQUZ3dkwxZC)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4end47vc-ZiZfMyHqPU3lBB4KmMHzbySiPwh5mE)

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

-   All · #7259

## Details

- **Author**: Visual Mess Studio
- **Published**: 2026-03-31
- **Updated**: 2026-08-21
- **Added**: 2026-03-20
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow