Fluid Switches Component

Copy component

Copy component

Fluid Switches Component

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

$10k Undercover Event

Component

Fluid Switches Component

This is a fluid switch component for Framer, originally designed by Liam Forsyth. Feel free to copy and paste it into your project and display it on your website.

image of Nandi Muzsik
profile image of Liam Forsyth

Created by

Fluid Switches Component
Man with glasses standing in front of a user interface showcasing 'Klack' and 'Quill' components

Related Lesson

Learn Framer Interactions (19 Minute Crash Course)

Man with glasses standing in front of a user interface showcasing 'Klack' and 'Quill' components

Related Lesson

Learn Framer Interactions (19 Minute Crash Course)

Man with glasses standing in front of a user interface showcasing 'Klack' and 'Quill' components

Related Lesson

Learn Framer Interactions (19 Minute Crash Course)

About the resource

This component uses 4 variants.

When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.

The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.

About the resource

This component uses 4 variants.

When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.

The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.

About the resource

This component uses 4 variants.

When you click the "Off" variant, it transitions to the "Mid" variant and then automatically switches to the "On" variant.

The component is fully customizable through its properties, so all you need to do is copy it to your website and tweak it to your needs using the component properties in the right panel.

fluid switches component properties

Fluid switche component properties in Framer.

fluid switches component properties

Fluid switche component properties in Framer.

fluid switches component properties

Fluid switche component properties in Framer.

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

  • 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