Make your AI a shadcn expert

Marquee Button

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

Marquee Button preview

Scroll to load preview

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.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:

use shadcnio to install the marquee-button button into my project

FAQ

Was this page helpful?

Sign in to leave feedback.