GSAP Marquee Demo

Left to Right (Speed: 0.5)

Right to Left (Speed: 1.0)

Fast Marquee (Speed: 2.0) - No Pause on Hover

Component Usage:

Basic Usage:

Parameters:

  • items: Array of items (objects with content/class or strings)
  • direction: "ltr" (left to right) or "rtl" (right to left)
  • speed: Animation speed multiplier (0.5 = slow, 2.0 = fast)
  • pauseOnHover: Boolean to pause animation on hover
  • itemClass: CSS classes for individual marquee items
  • containerClass: CSS classes for the marquee container
  • duplicateCount: Number of times to duplicate items for seamless loop