This testimonial component adds depth and motion to your layout with a smooth cascading scroll effect.
As users scroll, cards appear one by one from behind, scaling and fading into place. The front card stays in focus while the others follow in sequence, creating a clean and engaging flow.
The result feels dynamic without being distracting, making it a great fit for modern landing pages and product websites.
Cascading Scroll EffectCards appear one by one from behind as the user scrolls.
Layered Card LayoutStacked cards create depth and clear visual hierarchy.
Smooth TransitionsSubtle scale and opacity animations for a clean and natural feel.
Flexible VariantsChoose between 3 or 4 testimonial cards.
Fully Customizable ContentEdit image, text, name, and position for each card.
Native Framer ComponentBuilt entirely with Framer’s native tools, no code required.
All settings can be adjusted directly from the properties panel.
VariantSwitch between 3 or 4 testimonial cards.
Card ContentFor each card you can set:
Image
Testimonial text
Name
Position
Background ColorSet the card background color.
Quote ColorAdjust the color of the quote icon.
Text Color (Testimonial)Set the color of the testimonial text.
Name ColorControl the name text color.
Position ColorAdjust the position/role text color.
Landing pagesProduct and SaaS websitesPortfolio websitesAgency websitesCase study sections
Support: Have questions or need assistance? Feel free to reach out!Email: artemiym.design@gmail.comX (formerly Twitter): https://x.com/artemiydesign
Artem Meshkov
