GitHub
Open Github

Text Marquee

Animated text marquee component with vertical scrolling.

Installation

pnpm dlx shadcn@latest add @spell/text-marquee

Examples

Speed

Usage

import { TextMarquee } from "@/components/text-marquee";
<TextMarquee>
  <p>Tomato</p>
  <p>Apple</p>
  <p>Carrot</p>
  <p>Lettuce</p>
  <p>Onion</p>
</TextMarquee>

Props

PropTypeDefault
children
React.ReactNode[]
-
speed
number
1
height
number
200
prefix
React.ReactNode
-
className
string
-