Quote Stepper Panel

Show Preview
Quote Stepper Panel
Quote Stepper Panel

About Quote Stepper Panel

Quote Stepper Panel – A Centered Quote You Step Through With Avatars

Quote Stepper Panel is a centered testimonial card with a star row, a large quote, the person's name and role, and a row of avatars underneath. Clicking an avatar lifts it, brings it to full color, and swaps the quote, name and role to that person.

How it works

  • Click an avatar to show that person's quote.

  • The active avatar lifts slightly and shows in full color.

  • The quote, name and role update together.

  • Four testimonials in the demo.

Easy to customize

  • Edit each avatar, quote, name and role.

  • Change the card color, star color, text colors and fonts.

  • Drop it into any Framer page and edit it from the properties panel or with your AI agent.

From Pentaclay

Testimonial Split
Service Hover Reveal
Orbit Quote Switcher
Testimonial OnHover

Related Components

Liquid Metal Footer
Polaroid Footer
Project Hover
SlicedImage