---
title: "Lever Toggle — Free Framer component · Best of Framer"
description: "Free Framer component · by Darshan Lunagariya · Buttons. Lever Toggle A tactile, physical-style switch that flips like a real power lever."
canonical: "https://framer.elliotli.dev/component/lever-toggle"
---

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

# Lever Toggle

Customizable lever toggle

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

![Lever Toggle preview image 1](https://framer.elliotli.dev/og/component/lever-toggle/9bc6012193c4b4a3/1600x746.jpg)

## Summary

Lever Toggle A tactile, physical-style switch that flips like a real power lever.

## Description

**Lever Toggle**

A tactile, physical-style switch that flips like a real power lever. Drop it into any Framer project and bend every color, size, and motion to match your brand in seconds.

🎛 Fully customizable knob, bar, slot, and shell colors

📐 Flexible sizing with Fixed, Fill, Relative, and Fit Content

⚡ Adjustable animation speed for snappy or smooth flips

🟢 Distinct on and off states with a satisfying lever swing

🔒 Built-in disabled state for locked or read-only controls

🪝 onChange event handler to wire into other interactions

🧩 Scoped styling so multiple toggles never clash on one page

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

-   All · #4925

## Details

- **Author**: Darshan Lunagariya
- **Published**: 2026-06-20
- **Updated**: 2026-06-20
- **Added**: 2026-06-20
- **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