DocumentationInfinite Moving Cards

Infinite Moving Cards

A testimonial carousel that scrolls infinitely with customizable speed and direction.

  • This component library has transformed our development workflow. The animations are butter smooth!
    Sarah ChenLead Developer
  • Incredible attention to detail. Every component feels premium and polished.
    Michael BrownDesign Engineer
  • Best UI library I've used. The documentation is clear and components just work.
    Emily DavisFrontend Developer
  • The glassmorphism effects are stunning. Our users love the modern aesthetic.
    Alex JohnsonProduct Designer

Install using CLI

npx shadcn@latest add "https://obsidianui.dev/r/infinite-moving-cards.json"

Install Manually

1

Install dependencies

npm install framer-motion clsx tailwind-merge
2

Copy the source code

Copy into components/ui/infinite-moving-cards.tsx

Props

Prop NameTypeDefaultDescription
items{ quote, name, title }[]RequiredArray of testimonial items
direction'left' | 'right''left'Scroll direction
speed'fast' | 'normal' | 'slow''fast'Animation speed
pauseOnHoverbooleantruePause on mouse hover