component
Testimonial Grid Pro
By ONYRI Strategy

Details
- ONYRI StrategyAuthor
- componentType
- 2026-09-08Published
- 2026-09-09Updated
- 2026-09-08Added
- SectionsCategories
Summary
Testimonials that reveal on scrol
Description
Testimonial Bento arranges customer quotes into an asymmetric bento grid and reveals them one card at a time as visitors scroll. Three card styles and per-card placement let you compose a wall that looks arranged, not generated. Key Features Three card styles: Light with a blueprint grid, Dark, and Accent Sequential scroll reveal in reading order, with editable stagger, duration, offset, blur, trigger point, and once-or-always replay Three layouts from one component: 3-column bento, horizontal row groups, single stack Per-card column and size weight, so your composition survives every breakpoint Container-based responsiveness, with both breakpoints editable Three-level avatar fallback: upload, URL, built-in artwork, then an initials placeholder Retina avatars at 128/192/256px, roughly 8KB each instead of 90KB Optional baseline rule with editable width, thickness, offset, color, and end caps 49 controls plus 8 per testimonial, including 5 fonts and 14 colors Respects reduced motion, and shows the finished layout on the canvas 7 pre-loaded testimonials, works on Framer Canvas and published sites Where to Use Landing page social proof, SaaS trust sections, agency client walls, case-study roundups, course and community testimonials. Best For Teams with a handful of strong quotes rather than dozens, designers who want an editorial arrangement instead of an even grid, and Framer users who need full visual control without code. Why This Component Unlike a uniform testimonial grid or an auto-scrolling marquee, Testimonial Bento treats placement as a design decision. You choose which column each quote sits in and how much room it claims, and that composition survives every breakpoint: on tablet the columns lie down as rows instead of being reshuffled into arbitrary halves. The reveal follows reading order, so the wall assembles itself in front of the visitor. Built for Framer. Drop it onto your canvas, customize it, and publish.
Introduction
Testimonials that reveal on scrol
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5410