ReTestimonial
Sign inStart free
WidgetsMasonryM·01

Animated Masonry Wall

An auto-scrolling wall of love that makes your social proof feel endless.

yoursite.com — Animated Masonry WallLIVE RENDER
<div class="retestimonial-widget" data-widget-key="animated-masonry-wall">the same runtime your visitors would see. Not a screenshot.
Demo content — illustrative examples, not real customers

This is the real widget, rendered live by the same runtime your visitors would see — go ahead, click around.

Why this style works

Built to convert, not just to decorate.

Motion implies momentum

A wall that keeps scrolling reads as "there's more where this came from." The animation itself communicates volume before anyone reads a word.

Every format on one wall

Short raves, long stories, star ratings, avatars and screenshots all fit — masonry's staggered columns turn mixed content into a composition.

Choreographed, not chaotic

Columns drift in alternating directions at a speed you set, with easing options and pause-on-hover so visitors can stop and read any card.

Set it and forget it

Pair it with Auto-Sync and new testimonials join the wall as they arrive. The embed never needs touching after the first paste.

Where to put it

Placements that earn their pixels.

Wall-of-love sections

The definitive "everyone loves us" section for your homepage — an animated field of praise that visitors can wade into.

Event and launch pages

Capture launch-week energy: a moving wall of reactions makes a launch look alive even for visitors arriving late.

Long sales pages

Anchor the bottom of a long pitch with a wall that scrolls on its own — a closing argument that keeps talking while the visitor decides.

Live in three steps

From first testimonial to first embed.

01

Collect your testimonials

Gather text and video testimonials with collection forms, import them from CSV, or sync reviews straight from Google, G2, Capterra, Trustpilot, Product Hunt and social media.

02

Pick this style in the builder

Choose the style, then make it yours — colors, fonts, spacing, and per-element design controls, with a live preview of exactly what will ship.

03

Paste one script tag

Copy the embed snippet into any website — WordPress, Webflow, Shopify, Framer, Next.js, anything that renders HTML. Publish updates from the dashboard without touching your site again.

The whole integration

Paste once. Restyle forever from the dashboard.

<div class="retestimonial-widget" data-widget-key="animated-masonry-wall"></div>
<script src="https://retestimonial.com/embed.js" async></script>
Shadow DOM — zero CSS conflicts~6KB, loads asyncPublish changes without redeploysWorks on any platform

Your widget key is generated when you create the widget — start free and this snippet is yours (demo key shown: animated-masonry-wall).

Keep browsing

Other styles worth a look.

All widget styles →
Questions, answered

Everything else you'd ask.

Can visitors pause the animation?

Yes — the wall pauses when hovered so any card can be read, and resumes when the pointer leaves. You can also turn the animation off entirely for a static masonry grid.

Can I control the speed and direction?

Yes — set speed, direction, easing, and whether adjacent columns alternate direction, plus column count and gap for the layout itself.

How many testimonials should I put on the wall?

Enough to fill the columns — around nine or more looks best. With Auto-Sync rules, the wall grows automatically as new testimonials arrive.

Does the animation hurt performance?

No — it uses efficient CSS-driven motion inside Shadow DOM, loaded asynchronously so it never blocks your page.

Is the Animated Masonry Wall free?

Yes — available on the free plan with ReTestimonial branding. Paid plans remove branding and raise limits.

M·01 · Animated Masonry Wall

Put this widget on your site today.

Free plan, no card, no code. Collect your first testimonial and this exact widget can be live within the hour.