All componentsALAda LovelaceStaff Engineer, Orbit GHGrace HopperCTO, Ledger
Testimonials Marquee
CardsA looping marquee of testimonial cards, horizontal or vertical.
“The offline sync just works - we stopped writing our own.”
“Dropped it in on Friday, shipped on Monday.”
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/testimonials-marquee.jsonOr install manually
1. Install dependencies
pnpm add motion clsx tailwind-merge2. Copy the component source into
components/library/testimonials-marquee.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | Omit<TestimonialProps, "variant">[] | - | Testimonials to loop. |
| vertical | boolean | false | Scroll vertically instead of horizontally. |
| reverse | boolean | false | Run the loop in the opposite direction. |
Accessibility
- Inherits the marquee's aria-hidden duplicates and hover pause.
- Each card keeps its figure/figcaption semantics.
- Stops entirely under prefers-reduced-motion.
Dependencies
motionclsxtailwind-mergecard-marqueetestimonial