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.
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
Card Style (Text Only / Image Card)
Quote text
Client name
Job title / role
Avatar image upload
Card background image upload (image cards)
Column count (1–5)
Column gap
Card gap
Dark Plum / Dark Neutral / Light / Custom
Scroll speed (px/s)
Pause on hover toggle
Scroll direction (Alternate / All Up / All Down)
Border radius
Padding
Enabled toggle
Fade height (%)
Background
Card background
Card border
Text primary
Text secondary
Accent
Image card text (primary)
Image card text (secondary)
Quote font
Name font
Role font
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
