Testimonials Grid
An infinite scrolling testimonials grid with text cards, video testimonials, and featured cards. Supports pause on hover, customizable speed, and direction.
Loading preview...
Installation
Usage
Loading usage example...
Testimonials Grid Props
| Name | Default | Description |
|---|---|---|
| children | — | TestimonialColumn components containing cards |
| speed | 30 | Duration in seconds for one complete scroll cycle |
| direction | left | Direction of the infinite scroll |
| className | — | Additional CSS classes |
Testimonial Card Props
| Name | Default | Description |
|---|---|---|
| quote | — | The testimonial text |
| author | — | Name of the person |
| role | — | Job title or role |
| company | — | Company name |
| avatar | — | Avatar image URL |
| variant | compact | Card size variant |
| className | — | Additional CSS classes |
Video Testimonial Card Props
| Name | Default | Description |
|---|---|---|
| videoSrc | — | Video source URL (plays muted, looped, no controls) |
| posterSrc | — | Optional poster/thumbnail image shown before video loads |
| author | — | Name of the person |
| role | — | Job title or role |
| company | — | Company name |
| className | — | Additional CSS classes |
Featured Testimonial Card Props
| Name | Default | Description |
|---|---|---|
| quote | — | The testimonial text |
| author | — | Name of the person |
| role | — | Job title or role |
| company | — | Company name |
| avatar | — | Avatar image URL |
| backgroundImage | — | Background image URL for the card |
| className | — | Additional CSS classes |
Testimonial Column Props
| Name | Default | Description |
|---|---|---|
| children | — | Testimonial cards to display in the column |
| className | — | Additional CSS classes |
Found an issue? Open an issue on GitHub