---
title: "Cascade Testimonials — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Artem Meshkov · Carousels. Cascading testimonials on scroll"
canonical: "https://framer.elliotli.dev/component/cascade-testimonials"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Cascade Testimonials

# Cascade Testimonials

Cascading testimonials on scroll

[View on Framer](https://framer.com/marketplace/components/cascade-testimonials/?via=elliot-li)

![Cascade Testimonials preview image 1](https://framer.elliotli.dev/og/component/cascade-testimonials/d904837c5a0bdec8/1600x1200.jpg)

## Summary

Cascading testimonials on scroll

## Description

## Overview

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.

## Key Features

**Cascading Scroll Effect**Cards appear one by one from behind as the user scrolls.

**Layered Card Layout**Stacked cards create depth and clear visual hierarchy.

**Smooth Transitions**Subtle scale and opacity animations for a clean and natural feel.

**Flexible Variants**Choose between 3 or 4 testimonial cards.

**Fully Customizable Content**Edit image, text, name, and position for each card.

**Native Framer Component**Built entirely with Framer’s native tools, no code required.

## Customization

All settings can be adjusted directly from the properties panel.

**Variant**Switch between 3 or 4 testimonial cards.

**Card Content**For each card you can set:

-   Image
    
-   Testimonial text
    
-   Name
    
-   Position
    

**Background Color**Set the card background color.

**Quote Color**Adjust the color of the quote icon.

**Text Color (Testimonial)**Set the color of the testimonial text.

**Name Color**Control the name text color.

**Position Color**Adjust the position/role text color.

## Designed For

Landing pagesProduct and SaaS websitesPortfolio websitesAgency websitesCase study sections

## Support

Support: Have questions or need assistance? Feel free to reach out!Email: [artemiym.design@gmail.com](mailto:artemiym.design@gmail.com)X (formerly Twitter): [https://x.com/artemiydesign](https://x.com/artemiydesign)

## Rank history [How rankings work →](/terms#rankings)

-   All · #10473

## Details

- **Author**: Artem Meshkov
- **Price**: $9.00
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-05-01
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view