Components

Marquee

A marquee component continuously scrolls text, images, or videos in an infinite loop, with customizable speed, direction, and responsive design for engaging displays.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/marquee.json

Examples

Default

Vertical

3D

API Reference

Prop	Type	Default
`className`	~~string~~
`reverse`	~~boolean~~	~~false~~
`pauseOnHover`	~~boolean~~	~~false~~
`children`	~~ReactNode~~
`vertical`	~~boolean~~	~~false~~
`repeat`	~~number~~	4
`autoFill`	~~boolean~~
`ariaLabel`	~~string~~
`ariaLive`	~~'off' \| 'polite' \| 'assertive'~~	~~'off'~~
`ariaRole`	~~string~~	~~'marquee'~~

Credits

Inspired by Magic UI.

PreviouseTree NextGitHub Button

On This Page

Installation
Examples
API Reference
Credits