Marquee
Documentation Index
Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.
Loop a row or column of content with optional fade and hover pause.
marquee-demo
Overview
Use Marquee for non-essential collections such as partner marks, short tags, or ambient highlights. It duplicates a static set to create a seamless CSS loop.
Installation
Usage
import { Marquee } from "@/components/animated/marquee"
<Marquee speed={24}>{items.map((item) => <Tag key={item}>{item}</Tag>)}</Marquee>Accessibility
The duplicate track is hidden from assistive technology, hover can pause the loop, and reduced-motion preferences stop the animation. Never place time-sensitive or uniquely actionable content only inside a marquee.