Testimonials Marquee
Scrolling marquee to showcase user testimonials.
- Registry (2)
Features
- Continuous scrolling marquee with fade edges.
- Single and multiple row layouts.
- Composable with the Testimonial component.
Use cases
- Social proof band on a landing page.
- Scrolling reviews above a pricing or sign-up section.
- Wall of love with more quotes than fit on screen.
Installation
pnpm dlx shadcn@latest add @ncdai/testimonials-marquee
Usage
import {
Marquee,
MarqueeContent,
MarqueeFade,
MarqueeItem,
} from "@/components/kibo-ui/marquee"
import {
Testimonial,
TestimonialAuthor,
TestimonialAuthorInfo,
TestimonialAuthorName,
TestimonialAuthorTagline,
TestimonialAvatar,
TestimonialAvatarImg,
TestimonialAvatarRing,
TestimonialQuote,
TestimonialVerifiedBadge,
} from "@/components/testimonial"<Marquee>
<MarqueeFade />
<MarqueeContent>
<MarqueeItem>
<Testimonial>
<TestimonialQuote />
<TestimonialAuthor>
<TestimonialAvatar>
<TestimonialAvatarImg />
<TestimonialAvatarRing />
</TestimonialAvatar>
<TestimonialAuthorName>
<TestimonialVerifiedBadge />
</TestimonialAuthorName>
<TestimonialAuthorTagline />
</TestimonialAuthor>
</Testimonial>
</MarqueeItem>
</MarqueeContent>
</Marquee>Composition
Use the following composition to build a Testimonials Marquee
Marquee
├── MarqueeFade
└── MarqueeContent
└── MarqueeItem
└── Testimonial
├── TestimonialQuote
└── TestimonialAuthor
├── TestimonialAvatar
│ ├── TestimonialAvatarImg
│ └── TestimonialAvatarRing
├── TestimonialAuthorName
│ └── TestimonialVerifiedBadge
└── TestimonialAuthorTaglineAPI reference
Examples
Single row
Multiple rows
Credits
License and usage
- Free to use and modify in both personal and commercial projects.
- Attribution is appreciated but not required.
- Released under the MIT License.