Testimonial Slide

Animated cards with blur overlays.

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 .

Animated cards with blur overlays.