Marquee
The Mantine Marquee component is a versatile React component integrated with the Mantine UI library, designed to create an eye-catching marquee scrolling effect with any React component as children.
Full documentation and API reference available at gfazioli.github.io/mantine-marquee
Installation
yarn add @gfazioli/mantine-marqueeOverview
Marquee creates a smooth, infinite scrolling effect:
- Any content — text, images, cards, or any React nodes
- Horizontal and vertical scroll directions
- Configurable speed and gap between items
- Pause on hover — stop scrolling when hovered
- Reverse direction — scroll left or right
- Fade edges — optional gradient fade at edges
Last updated on