Resources

Segmented Control in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Segmented Control 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

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

Interaction

Segmented Control in Framer

This is a Framer demo project by Floris Verloop. It shows how to: set up an animated segmented control, combine it with other components using events, and create an auto-playing gallery.

image of Nandi Muzsik
profile image of Floris Verloop

Created by

Nandi

and

Floris

Segmented Control in Framer
Segmented Control in Framer
Segmented Control in Framer

About the resource

This interaction involves two components: "Images" and "Control," along with a third component that wraps them both, called "Gallery." Each component has its own variants and these are linked by interactions to create the animations.

About the resource

This interaction involves two components: "Images" and "Control," along with a third component that wraps them both, called "Gallery." Each component has its own variants and these are linked by interactions to create the animations.

About the resource

This interaction involves two components: "Images" and "Control," along with a third component that wraps them both, called "Gallery." Each component has its own variants and these are linked by interactions to create the animations.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Nandi portrait's background
Nandi's portrait

More resources

More resources

View all

  • 3D rotating globe of images with a highlighted control device in the center

    Interactive 3D Globe Image Grid

    Interaction

    3D rotating globe of images with a highlighted control device in the center

    Interactive 3D Globe Image Grid

    Interaction

    3D rotating globe of images with a highlighted control device in the center

    Interactive 3D Globe Image Grid

    Interaction

  • Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction

    Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction

    Hand holding a retro-inspired compact camera with side previews

    Fluid Album Viewer in Framer

    Interaction