About Testimonial Slide
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.
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.
