Testimonials Grid 2
A vertical infinite scrolling testimonials grid with multiple columns. Cards scroll from bottom to top with alternating directions. Supports text reviews, video reviews, and image reviews with varying heights.
Loading preview...
Installation
Usage
Loading usage example...
TestimonialsGrid2 Props
| Name | Default | Description |
|---|---|---|
| children | — | ReviewCard, VideoReviewCard, or ImageReviewCard components |
| columns | 4 | Number of columns (responsive) |
| speed | 25 | Duration in seconds for one complete scroll cycle |
| className | — | Additional CSS classes |
ReviewCard 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 |
| size | md | Card size variant for varying heights |
| className | — | Additional CSS classes |
VideoReviewCard 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 |
| size | md | Card size variant for varying heights |
| className | — | Additional CSS classes |
ImageReviewCard 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 |
| size | md | Card size variant for varying heights |
| className | — | Additional CSS classes |
Found an issue? Open an issue on GitHub