18Switch language to العربية

Simple Marquee

PreviousNext

Simple auto-scrolling marquee component.

import { InfiniteMovingCards } from "@/components/atom/simple-marquee"

export default function SimpleMarqueeDemo() {
  return (
    <>
      <InfiniteMovingCards
        items={[
          { quote: "Item 1", name: "Name", title: "Title" },
          { quote: "Item 2", name: "Name", title: "Title" },
        ]}
      />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/simple-marquee

Usage

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