5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T853,

Turn your customer reviews into a premium interactive avatar wall that magically forms into any shape or logo, featuring smooth 3D hover physics and dynamic tooltips.

Features

Real-time WebGL instanced avatar rendering
Custom shape masking to form logos or text
Dynamic 3D hover scaling and pop-out effect
Smooth GSAP-style tooltip animations
Organic grid jitter and layout randomization
Progressive edge fading for natural blending
Highly optimized Three.js performance
Responsive smart camera auto-scaling
Works perfectly for landing pages and social proof
Customizable grid density, sizes, and colors

Customization Options

Shape mask image (SVG/PNG)
Profile avatars, names, and reviews
Grid density and avatar scale
Random scatter (jitter) amount
Edge fade intensity
Hover zoom scale
Background color
Tooltip background and text colors
Tooltip typography

How to Use

Drop the component onto your Framer canvas
Upload a transparent PNG/SVG as your mask shape
Add your customer avatars, names, and testimonials
Adjust grid density and edge fade for perfect blending
Tune the hover scale and jitter for organic motion
Publish for a premium interactive social proof section

Use Cases

Premium SaaS landing pages
Interactive customer review sections
Dynamic brand logo alternatives
Modern portfolio social proof
Community member showcases
Event attendee walls
Creative agency homepages
Interactive team directories
Futuristic UI systems
High-converting feature blocks

5a:[["$","$L5d",null,{"post":{"id":"019fc66c-df6d-7189-9315-52795f973839","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yaWmUgV5OKlkYleLkqhq","resolved":true,"title":"Logo Testimonial","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn your customer reviews into a premium interactive avatar wall that magically forms into any shape or logo, featuring smooth 3D hover physics and dynamic tooltips."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time WebGL instanced avatar rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom shape masking to form logos or text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic 3D hover scaling and pop-out effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth GSAP-style tooltip animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organic grid jitter and layout randomization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progressive edge fading for natural blending"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly optimized Three.js performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive smart camera auto-scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works perfectly for landing pages and social proof"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable grid density, sizes, and colors"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shape mask image (SVG/PNG)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Profile avatars, names, and reviews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid density and avatar scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Random scatter (jitter) amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge fade intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover zoom scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tooltip background and text colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tooltip typography"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload a transparent PNG/SVG as your mask shape"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your customer avatars, names, and testimonials"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust grid density and edge fade for perfect blending"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune the hover scale and jitter for organic motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish for a premium interactive social proof section"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive customer review sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic brand logo alternatives"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern portfolio social proof"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Community member showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event attendee walls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency homepages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive team directories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Futuristic UI systems"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-converting feature blocks"}]}]}]}]},"introduction":"Interactive 3D shape avatar wall","slug":"logo-testimonial","author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/682fc11e-0644-4920-8b94-8b794b0ece9e/019fc66c-4b7c-723c-8849-5b7e30b5ed21.png","metadata":{"tint":{"h":180,"s":87,"l":34},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-03T07:00:51.302Z","updatedAt":"2026-08-03T11:13:45.557Z","publishedAt":"2026-08-03T07:00:51.300Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Testimonial-WAll-hi7gsa.js@Be5QtVwIRgasG0HVPnRv","previewUrl":"https://sleepy-kiwi-427300.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"Be5QtVwIRgasG0HVPnRv","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-03T07:00:51.693Z","updatedAt":"2026-08-03T07:00:51.693Z","reported":false}}],"$L5f"]

Suggested for you