soultelui
← Components

Marquee

component

An infinite scrolling row with edge fade, direction, and pause on hover.

ReactNext.jsTypeScriptMotionTailwindNodePostgres

Installation

Namespace
npx shadcn@latest add @soultel/marquee
URL
npx shadcn@latest add https://asafefe.dev/r/marquee.json

Usage

usage.tsx
import { Marquee } from "@/components/marquee"

export function Example() {
  return (
    <Marquee>
      <span>React</span>
      <span>Next.js</span>
      <span>TypeScript</span>
    </Marquee>
  )
}