Marquee Band

A horizontally scrolling announcement band. Content is automatically duplicated for a seamless infinite loop. Animation pauses on hover by default.

core/marquee-band

Installation

1 · Add registry to components.json

2 · Install component

Pausable marquee with custom items and markers.

Three available size variants: sm, default, lg.

Prop	Type	Default	Description
`size`	`"sm" \| "default" \| "lg"`	`"default"`	Controls vertical padding of the band.
`duration`	`number`	`28`	Full scroll cycle duration in seconds.
`pauseOnHover`	`boolean`	`true`	Pauses the animation while the user hovers over the band.
`repeat`	`number`	`2`	How many times to duplicate children for a seamless loop.