New
New
New
Interaction
Minimal Carousel in Framer
About the resource
I built this carousel in Framer by nesting multiple components. I started by creating an image component with two variants: open and close. Then, I arranged four of these components in a stack, setting the stack to relative position in the default state and absolute position in the variants. One image was set to the open variant, while the others remained closed.
About the resource
I built this carousel in Framer by nesting multiple components. I started by creating an image component with two variants: open and close. Then, I arranged four of these components in a stack, setting the stack to relative position in the default state and absolute position in the variants. One image was set to the open variant, while the others remained closed.
About the resource
I built this carousel in Framer by nesting multiple components. I started by creating an image component with two variants: open and close. Then, I arranged four of these components in a stack, setting the stack to relative position in the default state and absolute position in the variants. One image was set to the open variant, while the others remained closed.
The two variants (open and close) of the image component.
The two variants (open and close) of the image component.
The two variants (open and close) of the image component.
Next, I nested this stack inside a carousel component and created three additional variants, each showcasing a different image as the open variant. Finally, I added click interactions to each image component to trigger the open variant on click.
Next, I nested this stack inside a carousel component and created three additional variants, each showcasing a different image as the open variant. Finally, I added click interactions to each image component to trigger the open variant on click.
Next, I nested this stack inside a carousel component and created three additional variants, each showcasing a different image as the open variant. Finally, I added click interactions to each image component to trigger the open variant on click.
The four variants of the carousel component.
The four variants of the carousel component.
The four variants of the carousel component.
