Testimonial Walls

Key features

• Endless vertical scroll: seamless loop with no visible jump, scrolling up or down.

• Staggered columns: columns start at different positions and can run at slightly different speeds. Odd and even columns can also move in opposite directions.

• Responsive columns: 1 to 5 columns on desktop, with separate column counts and breakpoints for tablet and mobile. Layout follows the component’s own width, so it also works inside Framer variants.

• Mobile-friendly: one-tap “Scale Down” shrinks padding, text, avatars, and spacing on small screens. Page scrolling still works while a finger is on the wall.

• Smart pausing: pause on hover (mouse devices only) and on touch. Animation also stops when the component is off-screen to save battery.

• Accessible motion: respects the visitor’s “reduce motion” setting.

• Soft edge fades: toggle the top and bottom fade and adjust its size.

• Avatars with fallback: upload a photo per testimonial, or get an initials badge in your accent color automatically.

• Fully styleable: card background, border, radius, padding, shadow, text colors, quote and avatar size, background color, and any font from the Font control.

• Easy content editing: add, remove, and reorder testimonials in the properties panel (quote, name, role, avatar).

Customization controls Columns (desktop, tablet, mobile), breakpoints, direction, alternate direction, loop time, vary speed, stagger, pause hover, pause touch, gap, edge padding, card radius and padding, colors, shadow, quote and avatar size, fade top and bottom, fade size, font.

Great for SaaS landing pages, agency and studio sites, product pages, e-commerce brands, course and community pages, or any “Wall of Love” section.