Marquee Pause 1 - Pause on hover

Pro

Marquee that pauses scrolling when the pointer hovers over the track.

Shadcn Marquee Pause 1 component

Component data

ID
marquee/marquee-pause-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Marquee Pause 1 component design & features

This example sets pauseOnHover on MarqueeContent so the animation stops while users read or interact with the scrolling items.

Pause on hover helps accessibility and readability in logo strips and announcement bars where users may need a moment to focus on individual items.