Skip to content

component

Testimonial OnHover

By Pentaclay

Details

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.

1501100113018/148/228/309/79/15
  • All · #1076