Testimonials
Testimonial - Marquee
Dual rows of testimonial cards scrolling in opposite directions; speed is tunable.
- Infinite marquee
- Reverse rows
- Seamless wrap
Customize
Drag a slider and watch the preview respond live. Every control maps to a typed prop - what you tune is what you ship.
How the animation works
Testimonial cards are laid out in two rows that scroll continuously in opposite directions on an infinite loop. The content is duplicated so the wrap point is invisible and the scroll never appears to jump, and the marquee speed is a tunable prop so you can slow it down for readability or speed it up for energy.
When to use it
- A social-proof section with many short testimonials to show at once
- A homepage that wants a constant, lively wall of customer quotes
- Any page where you have enough testimonials that a static grid would be too tall
Props you can tune
Every prop below is live in the studio above and ships typed with the component.
- 18-70s
speedScroll duration
Related components
Using this block
Buy it, then copy components/blocks/testimonial-marquee/index.tsx into your project. A single file - no new dependency beyond the Framer Motion + Tailwind you already have.