Skip to main content
Free plan — no signup to preview
Free planNo codeAny website

Masonry Reviews Widget

Cards keep their natural height and fill the gaps. The fix for a grid where short reviews leave holes.

Live masonry preview — this is the actual widget, not a screenshot

Google

Google

SM

Sarah MitchellVerified Customer

5 days agoAugust 4, 2026 at 9:27 AM UTC

Absolutely amazing service! The team went above and beyond to help us. We saw a 40% increase in our Google reviews within the first month — and our storefront phone rings noticeably more on weekdays. Highly recommend to any local business looking to level up fast.

MT

Michael ThompsonVerified Customer

15 days agoJuly 25, 2026 at 9:27 AM UTC

We switched from Elfsight and couldn't be happier. Unlimited views on the free plan is a game-changer — our old widget kept deactivating mid-month. Since swapping, our homepage conversion rate is up roughly 25% and social-proof above the fold finally converts like it should.

JR

James RodriguezVerified Customer

8 days agoAugust 1, 2026 at 9:27 AM UTC

Best review tool we've used. Simple and effective.

LP

Lisa ParkVerified Customer

18 days agoJuly 22, 2026 at 9:27 AM UTC

Beautiful widgets. Clients always comment on how professional the site feels now.

EC

Emily ChenVerified Customer

11 days agoJuly 29, 2026 at 9:27 AM UTC

Great widget options. The slider on our homepage looks super clean and setup was under two minutes. Matches our brand colors perfectly after we tweaked the accent.

DM

David MartinezVerified Customer

23 days agoJuly 17, 2026 at 9:27 AM UTC

Solid product with great support. The badge widget on our homepage has increased calls by about 15%. The free tier is genuinely generous — we shipped in minutes.

Sample reviews. Connect your own business in the configurator to preview with your real ones.

This is a fix for a specific problem

Put a one-line review and a four-paragraph review in the same grid row and the short one gets a card the height of the long one, with the difference as empty space. Do that across nine cards and the section looks unfinished.

Masonry lets each card take the height it needs and packs the next one underneath. The result is a dense wall with no holes, and it only looks better than a grid when your review lengths actually vary. If they are all about the same, masonry and grid render nearly identically and the grid is simpler.

The trade is that reading order becomes column-by-column rather than row-by-row, which nobody minds for reviews but would matter for content people read in sequence.

Choosing

When to Use It, and When Not To

Use it when

  • Your reviews range from one line to several paragraphs.
  • You want a dense wall as the centrepiece of a testimonials page.
  • A grid you already tried looks patchy because of the empty card space.
  • You are showing a lot of reviews and want them to feel like a lot.

!Pick something else when

  • Your reviews are all similar lengths. Use the grid, it is simpler and looks the same.
  • You are showing fewer than about six. Masonry needs density to read as intentional.
  • It has to fit a narrow column, where it becomes a list without being designed as one.
  • You want a strict, orderly look. Masonry is deliberately irregular.
Placement

Where to Put It

1

A dedicated reviews or testimonials page

Masonry is at its best as the main content of a page rather than a section inside one.

2

Full width, below a summary rating

The average and total up top, the wall beneath. The two do different jobs and both land.

3

An about page

Works where you are making a general case for the business rather than selling one service.

Questions?

Masonry Reviews Widget FAQ

What is a masonry layout?

Columns where each card keeps its natural height and the next card starts immediately below, so there are no gaps. Named after brickwork, popularised by Pinterest.

When is masonry better than a grid?

Only when your reviews vary a lot in length. That is the whole difference. With uniform reviews the two look the same and the grid is the simpler choice.

How many columns should I use?

Three on desktop. Masonry gains its density from having enough columns to pack against, and loses readability past three.

What happens on mobile?

It becomes a single column, which is a list. That is fine, and it is a reason not to pick masonry if most of your traffic is mobile.

Does the reading order change?

Yes. Cards flow down columns rather than across rows. For reviews that does not matter, since there is no sequence to follow.