Skip to Content
📣 See the latest news →
Resources🧩 ComponentsMarquee

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-marquee

Overview

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