18Switch language to العربية

Infinite Cards

PreviousNext

Infinite scrolling card carousel.

import { InfiniteMovingCards as InfiniteCards } from "@/components/atom/infinite-cards"

export default function InfiniteCardsDemo() {
  return (
    <>
      <InfiniteCards
        items={[
          { quote: "Amazing!", name: "John", title: "CEO" },
          { quote: "Great product.", name: "Jane", title: "CTO" },
        ]}
      />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/infinite-cards

Usage

import { InfiniteMovingCards } from "@/components/atom/infinite-cards"
<InfiniteMovingCards
  items={[{ quote: "Quote", name: "Name", title: "Title" }]}
/>