React Marquee Menu Component - Lightswind UI
A cinematic radio-selection menu where each list item reveals an infinitely-scrolling marquee strip behind it using a smooth clip-path animation. Hovering or selecting an item exposes a row of pill-shaped images and repeated text scrolling horizontally. Built with Framer Motion for the clip-path spring transition and a CSS keyframe animation for the seamless infinite scroll. Fully accessible with keyboard navigation, ARIA roles, and screen-reader friendly hidden marquee content.
Key Details of React Marquee Menu
The Marquee Menu is a copy-paste component in the Components collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: Components
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup