# 10 Testimonial Section Components for React & Tailwind

> Customer quotes that do not look like an afterthought: scrolling marquee columns, swipeable card stacks, big serif featured quotes, video testimonial cards, rating summaries and case study tabs with metrics.

3 of 10 free (the rest with PixelPapa Pro), built with Tailwind CSS and Motion, installable with the shadcn CLI.

- [Testimonials Before After Metrics](https://pixelpapa.com/components/testimonials/testimonials-before-after-metrics.md) (Pro): A before / after switch that rewinds every card at once: the number rolls back, the bar slides to its old mark and the quote swaps from complaint to praise.
- [Testimonials Carousel Spotlight](https://pixelpapa.com/components/testimonials/testimonials-carousel-spotlight.md) (Pro): A looping carousel where the centre quote is sharp and lifted while its neighbours shrink, blur and dim; drag, use arrows or pick an avatar.
- [Testimonials Case Study Tabs](https://pixelpapa.com/components/testimonials/testimonials-case-study-tabs.md) (Pro): Company tabs with a sliding pill; each one swaps in a headline metric that counts up, a sparkline that draws itself and the quote behind the number.
- [Testimonials Featured Quote](https://pixelpapa.com/components/testimonials/testimonials-featured-quote.md) (Pro): One oversized serif quote whose words blur in, with an author switcher underneath that fills a progress line and advances on its own.
- [Testimonials Marquee Columns](https://pixelpapa.com/components/testimonials/testimonials-marquee-columns.md): Three columns of customer quotes drift vertically in opposite directions beside a fixed headline; hovering a column pauses it.
- [Testimonials Masonry Wall](https://pixelpapa.com/components/testimonials/testimonials-masonry-wall.md): A masonry wall mixing short quotes, a highlighted story and stat tiles; it fades out at the fold and unrolls to full height on demand.
- [Testimonials Rating Summary](https://pixelpapa.com/components/testimonials/testimonials-rating-summary.md) (Pro): An average score that counts up beside star-breakdown bars; click a bar to filter the review list, which reflows with layout animation.
- [Testimonials Stacked Cards](https://pixelpapa.com/components/testimonials/testimonials-stacked-cards.md): A fanned pile of quote cards: drag or click the top card to fling it to the back while the rest spring forward.
- [Testimonials Tweet Grid](https://pixelpapa.com/components/testimonials/testimonials-tweet-grid.md) (Pro): Staggered columns of social-post cards with highlighted mentions, a quoted post and a like button that bursts and rolls its count.
- [Testimonials Video Cards](https://pixelpapa.com/components/testimonials/testimonials-video-cards.md) (Pro): A row of faux video thumbnails that widen on hover to reveal the quote; pressing play runs a progress bar and a live equaliser.