5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9d8,

The component gives you full control over where testimonials come from. You can add them manually using property controls, or pull any layer or component directly from the canvas, making it easy to reuse existing content without duplication.

One of its standout features is alignment control. You can align the masonry grid to the top, center, or bottom, creating layouts that adapt distinctly across breakpoints and screen sizes. Combined with responsive column control and deep styling options, this component lets you build testimonial sections that feel intentional, polished, and fully on brand.

Key features

Flexible content sources: Choose between Manual mode to add testimonials from property controls, or Canvas mode to select existing layers or components directly from your project.
Responsive column control: Define how many columns appear per device, allowing you to optimize the layout for desktop, tablet, and mobile without breaking the card structure.
Vertical alignment options: Align the masonry grid to the top, center, or bottom to create unique visual rhythms and enhance the masonry effect across all screen sizes.
Configurable testimonial elements: Toggle titles and star ratings on or off, and control the placement of avatar, name, and subtext to match your design needs.
Full visual customization: Adjust card styles, spacing, padding, typography, borders, and colors to seamlessly integrate with any brand system.

Perfect for

Landing pages to showcase testimonials in a clean, modern layout that feels more engaging than standard grids.
Design portfolios and studios to highlight client feedback with a refined, editorial-style presentation.
Product or SaaS websites to display social proof in a flexible, responsive layout that adapts smoothly across devices.

5a:[["$","$L5d",null,{"post":{"id":"019b9e8d-d890-7f8b-9964-e53f56707cd3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0f208fad-1a6f-4885-b543-1e7e86a412f1","name":"rinconello","slug":"rinconello","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30044/iUaLkK7CD-rwpRbc3xfpF0tSMly4hoAQ8LZXPAbp","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9oQdtrAmcurn6z3NUzjg","resolved":true,"title":"Masonry Testimonials","body":"$5e","bodyJson":null,"introduction":"","slug":"masonry-testimonials","author":{"framerUserId":"0f208fad-1a6f-4885-b543-1e7e86a412f1","name":"rinconello","slug":"rinconello","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30044/iUaLkK7CD-rwpRbc3xfpF0tSMly4hoAQ8LZXPAbp","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9oQdtrAmcurn6z3NUzjg/masonry-testimonials-xP8Pr6mmOc8zlBBKdmMrwCsawnBPic","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-19T09:37:49.564Z","updatedAt":"2026-09-09T14:06:35.204Z","publishedAt":"2026-01-08T17:00:54.800Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://masonrytestimonials.framer.website/","price":"15","paymentUrl":"https://rinconelloinc.lemonsqueezy.com/checkout/buy/5527086e-4822-4cd8-acfc-2786abb55551","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"FDQqPKM5p7RujHm2aptE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-08T17:00:54.800Z","updatedAt":"2026-01-08T17:00:54.800Z","reported":false}}],"$L5f"]

Suggested for you