Testimonial 19 - Auto-scrolling testimonial card row

Pro

A centered heading and supporting line above an auto-scrolling carousel of testimonial cards with avatars, five-star ratings, and quoted reviews, faded at both edges.

Shadcn Testimonial 19 block

Component data

ID
testimonial19
Access
pro
Created
Oct 16, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Testimonial 19 block design & features

Testimonial19 is a testimonial row built with Shadcn UI, opening with a centered heading and a muted supporting line. Under the header, a looping carousel shows quote cards in a single horizontal track. Each card has a circular avatar with a thin ring, the reviewer name and role, a row of five filled stars, and a quoted paragraph.

Cards sit on the default card surface with compact padding and a modest max width so several can peek into view at once. Stars use the primary fill. Quote text is muted. Soft gradient fades on the left and right edges of the track blend cards into the page background. The row auto-scrolls slowly and keeps looping; motion resumes after the pointer leaves.

This is a familiar social-proof marquee rather than a static grid. The fade edges and continuous scroll are the distinctive bits. Complexity is moderate and content-driven: you need a heading, a short description, and several quotes each paired with an avatar, name, and role.

On narrower viewports the track still scrolls horizontally instead of stacking. The header stays centered above the row.