Testimonial Bubbles transforms customer reviews into an interactive floating field of avatar-and-quote pairs. Each bubble drifts organically, responds to drag with spring physics, and expands into a polished full-viewport overlay on click. Ideal for hero sections, landing pages, SaaS marketing sites, agency portfolios, and product pages where social proof needs to feel alive — not static.
Organic floating animation with multi-point drift paths — each bubble follows a unique, natural trajectory that keeps the layout feeling alive without being distracting.
Playful drag-and-drop with spring physics — users can grab and toss bubbles with bouncy, satisfying momentum that settles naturally.
Click-to-expand full-viewport overlay — tapping any bubble reveals the complete testimonial with name, role, company, star rating, and optional CTA button.
Fractional star ratings with precision rendering.
Five built-in color presets (Midnight, Ivory, Ocean, Ember, Sage) — switch themes instantly, then fine-tune any individual color with per-property overrides.
Fully responsive layout — golden-angle spiral positioning adapts to any container size with configurable density modes (Compact, Normal, Spacious).
Independent font controls — set separate typefaces for bubble quotes, overlay names, and overlay quotes, or let them inherit from the base font.
Up to 10 testimonials with avatar, name, role, company, preview quote, full quote, star rating (0–5 with decimal precision), CTA text, and CTA URL.
Density mode: Compact, Normal, or Spacious bubble distribution.
Choose from Midnight, Ivory, Ocean, Ember, or Sage.
Background, Bubble BG, Bubble Border, Text, Text Secondary, Accent, and Star Color — override any preset color individually.
Avatar Size, Bubble Width, Roundness, and Shadow Intensity.
Float Intensity (drift distance in px), Float Speed (Slow, Medium, Fast), and Drag to Rearrange toggle.
Show/hide Star Ratings and CTA Buttons independently.
Base Font, Bubble Quote Font, Overlay Name Font, and Overlay Quote Font — each independently configurable.
SaaS and startup landing pages — replace boring testimonial carousels with an interactive section that visitors actually explore.
Agency and portfolio sites — showcase client feedback in a way that reflects your creative standard.
Product and e-commerce pages — build trust with floating social proof that feels modern and premium.
Feature or pricing sections — anchor credibility next to key conversion points with playful, attention-holding testimonials.
Testimonial Bubbles turns passive social proof into active engagement. Drop it in, customise your theme, and let your customers do the selling.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
