Resources

Fluid Testimonial Cards in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Fluid Testimonial Cards 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

New

New

New

Component

Fluid Testimonial Cards in Framer

This is a fluid testimonial card interaction recreated in Framer without any code, from the original work by Lee Black. You can remix the file and explore how it can be built or simply copy the component in your project.

image of Nandi Muzsik
image of Prianca S.
Image of Lee

Created by

Nandi

,

Prianca

,

and

Lee

Colorful illustrated landscape carousel with nature scene and article preview
Colorful illustrated landscape carousel with nature scene and article preview
Colorful illustrated landscape carousel with nature scene and article preview

About the resource

To create this resource, I built a component with 4 variants. Each variant has 4 images stacked and each image inside a wrapper with absolute positioning. In every variant, one image is “open” at 3fr width while the other three stay “closed” at 1fr.

I added a hover interaction so you can shift which image is open just by hovering over it, making the gallery feel interactive and responsive.

About the resource

To create this resource, I built a component with 4 variants. Each variant has 4 images stacked and each image inside a wrapper with absolute positioning. In every variant, one image is “open” at 3fr width while the other three stay “closed” at 1fr.

I added a hover interaction so you can shift which image is open just by hovering over it, making the gallery feel interactive and responsive.

About the resource

To create this resource, I built a component with 4 variants. Each variant has 4 images stacked and each image inside a wrapper with absolute positioning. In every variant, one image is “open” at 3fr width while the other three stay “closed” at 1fr.

I added a hover interaction so you can shift which image is open just by hovering over it, making the gallery feel interactive and responsive.

Colorful UI mockup showing landscape image carousel design flow

The cards component and its variants.

Colorful UI mockup showing landscape image carousel design flow

The cards component and its variants.

Colorful UI mockup showing landscape image carousel design flow

The cards component and its variants.

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

  • Saving button with loading indicator and cursor click

    Save Button Micro-Interaction in Framer

    Component

    Saving button with loading indicator and cursor click

    Save Button Micro-Interaction in Framer

    Component

    Saving button with loading indicator and cursor click

    Save Button Micro-Interaction in Framer

    Component

  • Abstract photography gallery collage on black background

    Infinite Canvas Component for Framer

    Component

    Abstract photography gallery collage on black background

    Infinite Canvas Component for Framer

    Component

    Abstract photography gallery collage on black background

    Infinite Canvas Component for Framer

    Component