New
New
New
Component
Animated Testimonials Carousel in Framer
This is an animated testimonial carousel recreated in Framer from the Luca template by Ena Supply. Feel free to remix or copy the component into your site, update the text and images, or remix it to match your brand.
Created by
About the resource
To create this animated testimonial carousel, I set up 5 variants — one for each image and testimonial pair. Both the full-sized images and testimonial texts are stacked using absolute positioning. In each variant, only the relevant image and text are set to visible, while the rest remain hidden.
About the resource
To create this animated testimonial carousel, I set up 5 variants — one for each image and testimonial pair. Both the full-sized images and testimonial texts are stacked using absolute positioning. In each variant, only the relevant image and text are set to visible, while the rest remain hidden.
About the resource
To create this animated testimonial carousel, I set up 5 variants — one for each image and testimonial pair. Both the full-sized images and testimonial texts are stacked using absolute positioning. In each variant, only the relevant image and text are set to visible, while the rest remain hidden.
The five variants of the testimonial carousel component.
The five variants of the testimonial carousel component.
The five variants of the testimonial carousel component.
Preview images are managed in a separate component. Each has a hover state and an active state linked to the main variants. When a variant is active, its corresponding preview image is also marked active, while the others stay inactive and hidden.
This setup keeps all elements layered in one frame, with visibility and state managed through variants for smooth transitions.
Preview images are managed in a separate component. Each has a hover state and an active state linked to the main variants. When a variant is active, its corresponding preview image is also marked active, while the others stay inactive and hidden.
This setup keeps all elements layered in one frame, with visibility and state managed through variants for smooth transitions.
Preview images are managed in a separate component. Each has a hover state and an active state linked to the main variants. When a variant is active, its corresponding preview image is also marked active, while the others stay inactive and hidden.
This setup keeps all elements layered in one frame, with visibility and state managed through variants for smooth transitions.
The three variants of the preview image component.
The three variants of the preview image component.
The three variants of the preview image component.
