Recommended by Pro Trailblazer

ndimatteo

Marqy

High-fidelity, perfectly looping marquee component for React under 1KB gzipped.

Marqy

About

Marqy is a React marquee component that prioritizes smooth, pixel-perfect loops using CSS animations rather than JavaScript-driven position calculations. It supports left, right, up, and down directions, pause on hover, manual GSAP control, and synchronized speeds across multiple instances. At under 1KB gzipped with no runtime dependencies beyond React, it adds essentially no weight to a project while solving the edge cases that trip up most DIY marquee implementations.

Highlights

  • Under 1KB gzipped with zero runtime dependencies beyond React
  • CSS-based animations with perfectly synchronized looping across instances
  • Supports all four scroll directions with optional GSAP manual control
  • Accessible by default with pause on hover built in