Masonry Testimonial Wallv1.0.3
Use this Skill to create marketing visuals.
Popular
5.0150 downloads2 likes3 saves
Free
Masonry Testimonial Wall is a ready-to-paste testimonial section, delivered as editable source with its usage example. It ships with a canvas-rendered backdrop that runs without a WebGL library and entrance motion that settles rather than bounces. Colour, type and radius live as tokens you edit once for the whole block.
Picked most often by
Updated Sep 22, 2026
Preview gallery
Similar Skills
View all skills
What you get
- The full source for Masonry Testimonial Wall — the component file plus a runnable usage example, ready to paste and edit.
- A written visual contract: palette, type scale, radius, icon stroke and motion timings, all as tokens you edit in one place.
- Portraits and photography ship with the block, already placed and stored locally rather than fetched.
Good fit
- You are presenting customer testimonials and want a considered layout rather than tuning one.
- You want the relationship between portrait, name, role and quote already resolved.
- You want readable source you can edit, not another dependency to keep upgraded.
Not for
- Teams already running a mature design system — this palette and type scale will fight yours.
- Anyone wanting a versioned npm package; this hands you source to maintain yourself.
- Projects needing navigation, forms, auth or checkout — none of which this block covers.
Social Media Content & CampaignsProduct Launch & App GrowthWeb Design & Digital ExperiencesCreate Marketing VisualsBuild Website PageBuild Landing PageEditable OutputVisually PolishedBeginner-friendlyWarm NeutralTeal AccentKineticGenerative Backdrop
About this Skill
You paste one block and your testimonials look like someone designed them — portrait, name, role and words balanced instead of stacked. Swap in your own quotes and it still holds.
What you get
- The full source for Masonry Testimonial Wall — the component file plus a runnable usage example, ready to paste and edit.
- A written visual contract: palette, type scale, radius, icon stroke and motion timings, all as tokens you edit in one place.
- Portraits and photography ship with the block, already placed and stored locally rather than fetched.
How to use it
- Tell your assistant where the section goes and it reads your project first, then writes the block the way that project is already written.
- Replace the words with yours. The type sizes and spacing hold on their own.
- Drop your own pictures in. Portraits go where people are shown; the rest take photographs.
- Look at it on a phone before you ship. It is already built to hold there.
What you need before you start
- Last tested
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…