---
title: "Clean Toggle — Free Framer component · Best of Framer"
description: "Free Framer component · by Jirei · Buttons. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/clean-toggle"
---

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

# Clean Toggle

Clean Futuristic Toggle

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

![Clean Toggle preview image 1](https://framer.elliotli.dev/og/component/clean-toggle/33673ba2ca135d1d/1600x1200.jpg)

## Summary

Clean Futuristic Toggle

## Description

A sleek, minimal toggle switch with a soft futuristic aesthetic — perfect for settings panels, dashboards, or any interface that calls for a polished On/Off interaction.

The component comes in two variants: **On** and **Off**. In its active state, the knob glows in a cool aqua tone with a subtle outer radiance, while the off state settles into a calm neutral grey — both sitting inside a softly inset track with a gentle neumorphic shadow that gives it a satisfying physical feel.

**What you can customize:**

-   **Variant** — Switch between the On and Off states directly from the component settings
    
-   **Show Text** — Toggle the "On" / "Off" label inside the knob on or off
    
-   **Knob Color** — Independently set the knob color for both the On (#92DFE8) and Off (#9E9B9B) states
    
-   **Track Color** — Control the fill of the track for each state (#E1FAFC for On, #D6D6D6 for Off)
    
-   **Track Outer Border Color** — Customize the outer border of the track (defaults to white #FFFFFF for both states)
    
-   **Track Inner Border** — Solid border style on the track, configurable per state
    
-   **Knob Border** — Solid border style on the knob, configurable per state
    

All color and border properties are independently controlled for On and Off states, giving you full flexibility to match your own design system without touching a single line of code.

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

-   All · #7225

## Details

- **Author**: Jirei
- **Published**: 2026-04-29
- **Updated**: 2026-05-02
- **Added**: 2026-04-17
- **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