About Unique Testimonials
A quiet, elegant way to show what people say about your work. One quote at a time sits in large light type. Below it, a row of avatar pills lets visitors switch between testimonials. The active pill expands into a dark pill with the person's name. Hovering another pill shows its name, and clicking it switches the quote with a smooth blur cross-fade.
It's built entirely with native Framer layers and variants, with no code components and no external scripts. Everything stays editable on the canvas, and it renders cleanly on the published site and in Framer's static previews.
Features
Cross-fade with a soft blur between quotes, plus a subtle slide on the role line
Avatar pills that expand to show the name on hover and when active
3 testimonials, each with its own Quote, Name, Role and Avatar fields
Fully responsive: fluid width, and quote text steps from 30px to 24px on mobile
Light and dark mode built in through colour styles
100% native Framer: no code, no CDN scripts, nothing loaded at runtime
Uses Inter and Instrument Serif, both available in Framer
How to use
Drop the component onto any page or section.
Fill in Quote, Name, Role and Avatar for each of the three testimonials in the right panel.
Set the width to Fill (it's designed to sit at up to about 720px wide).
Recolour it from the Testimonials colour styles if you want to match your brand.
Category
Components → Testimonials (or Content / Social Proof if Testimonials isn't offered)
Tags
testimonials, reviews, quotes, social proof, avatar, minimal, clean, portfolio, agency, interactive, dark mode, responsive
