Image Gallery Open Interaction in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Image Gallery Open Interaction in Framer

View demo

Copy component

Remix project

How can I improve Framer Uni?

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

Share feedback

How can I improve Framer Uni?

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

Share feedback

Interaction

Image Gallery Open Interaction in Framer

This is an image gallery with open interaction in Framer, inspired by Tobi. It's created without writing a single line of code, just by drawing rectangles on a design canvas. Feel free to remix the project and see how you can create something like this.

Created by

Nandi

and

Tobi

Image Gallery Open Interaction in Framer

About the resource

The resources are created with a component that has two variants: one is "default" and the other is "open."

In the open variant, you can simply adjust the position and scale of the images to open up the gallery.

To create the interaction, I just connected the two variants using the button element and set the trigger to "tap." So, when we click the button, we switch to the open variant.

About the resource

The resources are created with a component that has two variants: one is "default" and the other is "open."

In the open variant, you can simply adjust the position and scale of the images to open up the gallery.

To create the interaction, I just connected the two variants using the button element and set the trigger to "tap." So, when we click the button, we switch to the open variant.

About the resource

The resources are created with a component that has two variants: one is "default" and the other is "open."

In the open variant, you can simply adjust the position and scale of the images to open up the gallery.

To create the interaction, I just connected the two variants using the button element and set the trigger to "tap." So, when we click the button, we switch to the open variant.

image gallery component variants in Framer — Image gallery component variants in Framer.

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

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

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

More resources

View all

Repeat Image Hover Effect in Framer
Interaction
Repeat Image Hover Effect in Framer
Interaction
Repeat Image Hover Effect in Framer
Interaction
Hover Cursor in Framer
Interaction
Hover Cursor in Framer
Interaction
Hover Cursor in Framer
Interaction