Review Cards Grid
A grid of review cards showing star ratings, avatars, and short quotes. Use it to display many customer opinions at once on a product detail page.
A grid of review cards showing star ratings, avatars, and short quotes. Use it to display many customer opinions at once on a product detail page.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
Review Cards Grid opens with a centered heading and a short subline, then lays out six review cards in a responsive grid that moves from one column on mobile to two on tablet and three on desktop. Each card holds an avatar and reviewer name in the header row, a verified buyer badge alongside the name, a five star rating with filled and empty states, a relative timestamp, the review text in the body, and a small product label at the foot of the card.
The heading copy, subline, and every field on every card are independent. You can swap in your own reviewers, change the star counts, remove the verified badge from any entry, and add or drop cards without affecting the grid structure. Six cards fill the three column layout neatly, but four or nine work just as well.
Reach for this block when you want to show a broad spread of opinion in one glance rather than highlighting a single standout quote. It suits a product detail page section, a studio or agency portfolio page where past clients speak to the quality of delivered work, or a dedicated testimonials page that sits between a feature summary and a call to action. Compared to a compact list, the card grid gives each reviewer more visual weight and lets the avatar and badge build credibility at a larger size.
A natural flow around it on an Ecommerce page:
Before
After
Each card is a self contained slot for one piece of customer feedback. A few ways to fill them:
Tip: keep each review quote to two or three sentences so all cards in a row stay close to the same height and the grid stays visually even.