Testimonial Bubble

Testimonial Bubble is a testimonial carousel built around your customers' faces. Three avatars sit below a speech bubble. Click one and it grows into the center while the others slide aside and its review fades in. A progress ring draws itself around the active photo to show how long the review stays on screen. When it runs out, the carousel moves to the next testimonial, and after the last one it loops back to the first.

FEATURES

- Add as many testimonials as you want, always showing 3 avatars

- Navigate by clicking an avatar or with the arrows

- Autoplay with a timer ring that shrinks around the active photo

- Optional pause on hover

- Smooth fade for the comment, stars, name and role

- Star rating per testimonial (0 to 5)

- Placeholder image for testimonials without a photo

- Every comment, name, role, rating and photo is editable from the properties panel

FULLY CUSTOMIZABLE

Control the autoplay duration, animation speeds, photo sizes and spacing, bubble width, height, padding and corner radius, ring color and thickness, star color and size, arrow colors, plus the font, size and color of the comment, name and role.

HOW TO USE

1. Add the component to your page.

2. Edit the testimonials in the properties panel: comment, name, role, stars and photo.

3. Adjust colors, fonts, sizes and timing to match your brand.

Perfect for real estate, agencies, SaaS, coaches, portfolios and any site that needs to show social proof in a clean, animated way.

SUPPORT & ASSISTANCE

If you have any questions, need help using the component, or run into any issues, you can reach me at danielgrafix12@gmail.com. I'll get back to you as soon as possible.

I'd also love to see where you use Testimonial Bubble and what you build with it, so feel free to send me a link to your project!