---
title: "Testimonial Slide — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Sections. Animated cards with blur overlays."
canonical: "https://framer.elliotli.dev/component/testimonial-slide"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Testimonial Slide

# Testimonial Slide

Animated cards with blur overlays.

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

![Testimonial Slide preview image 1](https://framer.elliotli.dev/og/component/testimonial-slide/a94a67f09d264962/1600x1200.jpg)

## Summary

Animated cards with blur overlays.

## Description

## What is Testimonial Fade Cards?

Testimonial Fade Cards is a premium multi-column testimonial component with continuous vertical scrolling animation. It combines elegant text-only cards with cinematic image cards featuring frosted glass blur overlays. Ideal for landing pages, agency portfolios, SaaS homepages, and any project that needs social proof with visual impact.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Two distinct card types — clean text cards and image cards with backdrop-filter blur overlays and gradient darkening
    
-   Continuous marquee scrolling with configurable speed, direction (alternate, all up, all down), and pause-on-hover
    
-   Three curated style presets (Dark Plum, Dark Neutral, Light) plus a fully customisable colour mode with independent image card text colours
    
-   Smooth fade mask at the top and bottom edges with adjustable height
    
-   9 built-in testimonials with matched avatar and card images for instant visual appeal out of the box
    
-   Full typography control — separate font pickers for quotes, names, and roles
    

## Controls inside Framer

### Testimonials

-   Card Style (Text Only / Image Card)
    
-   Quote text
    
-   Client name
    
-   Job title / role
    
-   Avatar image upload
    
-   Card background image upload (image cards)
    

### Layout

-   Column count (1–5)
    
-   Column gap
    
-   Card gap
    

### Style Preset

-   Dark Plum / Dark Neutral / Light / Custom
    

### Animation

-   Scroll speed (px/s)
    
-   Pause on hover toggle
    
-   Scroll direction (Alternate / All Up / All Down)
    

### Card Style

-   Border radius
    
-   Padding
    

### Fade Mask

-   Enabled toggle
    
-   Fade height (%)
    

### Custom Colors (visible in Custom preset)

-   Background
    
-   Card background
    
-   Card border
    
-   Text primary
    
-   Text secondary
    
-   Accent
    
-   Image card text (primary)
    
-   Image card text (secondary)
    

### Typography

-   Quote font
    
-   Name font
    
-   Role font
    

## Best use cases

-   Landing page social proof sections with high visual impact
    
-   Agency and portfolio sites showcasing client testimonials alongside headshots
    
-   SaaS product pages that need animated, continuously scrolling reviews
    
-   Multi-column testimonial walls for conference, event, or community sites
    

Drop it in, customise your colours, and let the scroll do the talking.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #9608

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-05-23
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes