component
Testimonial OnHover
By Pentaclay

Details
- PentaclayAuthor
- componentType
- 2026-08-05Published
- 2026-08-05Updated
- 2026-08-05Added
- SectionsCategories
Summary
Hover-to-Expand Testimonial Cards
Description
Testimonial Reveal is a modern, interactive Framer component that transforms a row of client testimonials into a bold, editorial showcase. Instead of showing every quote in full at once, it displays a compact card with a star rating by default, and expands the active card to reveal the full quote, avatar, name, and designation the moment a visitor hovers. The smooth expand and collapse motion gives your testimonials a premium, trust-building feel with almost no setup required. Hover-to-Expand Interaction Expands to reveal the full quote, avatar, name, designation, and logo on hover. Inactive cards collapse and dim, keeping focus on the active testimonial. Star rating and expand/collapse icon stay visible in every state. Smooth width, height, and fade transitions feel natural and responsive. Only one card expands at a time, clean and distraction-free. Fully responsive and optimized for modern GPU-accelerated performance. Customizable Design Controls Testimonial Reveal includes full Framer property controls so you can instantly match it to your brand or layout. Customize Cards – Add, remove, or reorder as many testimonials as needed. Rating – Set the star rating value per card. Text – Edit the testimonial quote per card. Name & Designation – Edit the reviewer's name and title per card. Image & Logo – Assign a unique avatar photo and company logo to each card. Typography – Customize font size, weight, and spacing. Card Colors – Fine-tune background contrast between active and inactive states. Transition Speed & Easing – Control how quickly cards expand and collapse.
Introduction
Hover-to-Expand Testimonial Cards
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1076