Velocity X Components

Marketing & Social Proof

Testimonial Wall (Masonry)

Dense CSS-columns masonry wall of quotes with no JS masonry library.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add testimonial-wall-masonry

Built for astro.

Full docs for Testimonial Wall (Masonry) →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
Testimonial Wall (Masonry)

Placeholder

Loved by sample customers

“Short sample quote.”

Jane Doe

Founder, Acme Co

“A slightly longer sample quote to show how the masonry wall handles varying lengths of placeholder text.”

John Smith

Lead, Sample Inc

“Another sample quote.”

Alex Lee

PM, Example Ltd

“Sample testimonial text for layout preview purposes only — not a real customer.”

Sam Patel

Director, Placeholder Co

“Short one.”

Taylor Reed

Owner, Demo Brand

“Sample quote number six, used purely to fill out the wall for the component preview.”

Morgan Blake

Manager, Test Co

Props

NameTypeRequiredDefaultDescription
eyebrowstringNo
titlestringYes
substringNo
headingLevel1 | 2 | 3 | 4 | 5 | 6Yes
itemsArray<{ quote: string; name: string; role?: string; company?: string; }>Yes
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/testimonial-wall-masonry/TestimonialWallMasonry.astro

Using the Testimonial Wall (Masonry) component

Install it with velocityx add testimonial-wall-masonry. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Marketing & Social Proof.