Resources

Metal Toggles Collection in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Metal Toggles Collection in Framer

View demo

Copy component

Remix project

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 your first $1,000 with Framer

Free training

How to make your first $1,000 with Framer

Free training

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

Nandi

,

Prianca

,

and

Raul

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 to make your first $1,000 with Framer from zero.

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

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

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

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

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

Free training

Nandi portrait's background

More resources

More resources

View all

  • Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

    Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

  • Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component

    Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component