---
title: "Testimonial OnHover — Free Framer component · Best of Framer"
description: "Free Framer component · by Pentaclay · Sections. Hover-to-Expand Testimonial Cards"
canonical: "https://framer.elliotli.dev/component/testimonial-onhover"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Testimonial OnHover

# Testimonial OnHover

Hover-to-Expand Testimonial Cards

[View on Framer](https://framer.com/marketplace/components/testimonial-onhover/?via=elliot-li)

![Testimonial OnHover preview image 1](https://framer.elliotli.dev/og/component/testimonial-onhover/0e0f252b95dacd14/1600x1200.jpg)

## 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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1352

## Details

- **Author**: Pentaclay
- **Published**: 2026-08-05
- **Updated**: 2026-09-30
- **Added**: 2026-08-05
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove