Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Magnetic Button
Next: Morph Button

Marquee Button

Button with scrolling marquee text that moves on hover for React.

Text that travels. Hover and the button text starts scrolling horizontally like a news ticker, revealing content that wouldn't fit otherwise. It's perfect for long labels, promotional messages, or just adding playful motion. The scroll is smooth and loops seamlessly. Great for e-commerce "Limited Time Offer" buttons, feature announcements, or anywhere space is tight but you have things to say.

Marquee Button preview

Loading...
Scroll to load preview

Installation

Install
Pro button

Typewriter Button

Text types out

Text Reveal Button

Text reveal effect

Shimmer Button

Flowing shimmer

Glitch Button

RGB split glitch

Scatter Button

Letters explode

Shine Button

Diagonal light sweep

FAQ

Magnetic Button

Button with floating particles that magnetically attract on hover for React.

Morph Button

Button that morphs between shapes with elastic spring animation on hover for React.