---
title: "Testimonial Bubbles — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Sections. What is Testimonial Bubbles?"
canonical: "https://framer.elliotli.dev/component/testimonial-bubbles"
---

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

# Testimonial Bubbles

Interactive floating testimonials.

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

![Testimonial Bubbles preview image 1](https://framer.elliotli.dev/og/component/testimonial-bubbles/cace526a62cbdda8/1600x1200.jpg)

## Summary

What is Testimonial Bubbles?

## Description

## What is Testimonial Bubbles?

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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

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

## Controls inside Framer

### Testimonials

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

### Layout

-   Density mode: Compact, Normal, or Spacious bubble distribution.
    

### Color Preset

-   Choose from Midnight, Ivory, Ocean, Ember, or Sage.
    

### Color Overrides

-   Background, Bubble BG, Bubble Border, Text, Text Secondary, Accent, and Star Color — override any preset color individually.
    

### Bubble Style

-   Avatar Size, Bubble Width, Roundness, and Shadow Intensity.
    

### Animation

-   Float Intensity (drift distance in px), Float Speed (Slow, Medium, Fast), and Drag to Rearrange toggle.
    

### Visibility

-   Show/hide Star Ratings and CTA Buttons independently.
    

### Fonts

-   Base Font, Bubble Quote Font, Overlay Name Font, and Overlay Quote Font — each independently configurable.
    

## Best use cases

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

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #11174

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-04-09
- **Updated**: 2026-06-13
- **Added**: 2026-03-28
- **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