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

  • Stair-step text hover effect on the word 'STAND

    Text Lift on Hover in Framer

    Component

    Stair-step text hover effect on the word 'STAND

    Text Lift on Hover in Framer

    Component

  • Web Haptics for Framer component with feedback examples

    Mobile Haptics in Framer

    Component

    Web Haptics for Framer component with feedback examples

    Mobile Haptics in Framer

    Component