Metal Toggles Collection in Framer

Copy component

Copy component

Metal Toggles Collection in Framer

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to Make $10K+ with Framer in 60 days

How to Make $10K+ with Framer in 60 days

Component

Metal Toggles Collection in Framer

This is a metal toggles collection in Framer, recreated from by Raul’s original work. You can remix or copy the component to dig in how layered gradients and shadows come together to build rich toggle interactions in Framer without any code.

image of Nandi Muzsik
image of Prianca S.
Image of Raul

Created by

Toggle switch variants in metallic, azure, emerald, and bronze

About the resource

I built this metal toggles collection by layering gradients, shadows, and subtle depth details to get that rich, metallic feel. Each toggle is made using five layers, where every layer has its own linear gradient and shadow for depth. Stacking these layers together helps create a more realistic, tactile look and shows how far you can push visual detailing in Framer.

About the resource

I built this metal toggles collection by layering gradients, shadows, and subtle depth details to get that rich, metallic feel. Each toggle is made using five layers, where every layer has its own linear gradient and shadow for depth. Stacking these layers together helps create a more realistic, tactile look and shows how far you can push visual detailing in Framer.

About the resource

I built this metal toggles collection by layering gradients, shadows, and subtle depth details to get that rich, metallic feel. Each toggle is made using five layers, where every layer has its own linear gradient and shadow for depth. Stacking these layers together helps create a more realistic, tactile look and shows how far you can push visual detailing in Framer.

Metallic toggle switches showing on and off states variations

The multiple variants of the metal toggle component.

Metallic toggle switches showing on and off states variations

The multiple variants of the metal toggle component.

Metallic toggle switches showing on and off states variations

The multiple variants of the metal toggle component.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Nandi portrait's background

More resources

More resources

  • Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

    Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

  • Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component

    Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component