Installation

Purchase Required

MarqueeKit is a commercial product. You'll need to purchase a license before installing.

View pricing and purchase options →

Quick Start

1. Include Required Files

<!-- Add to your HTML file -->
<link rel="stylesheet" href="marquee.css">
<script src="marquee.js"></script>

2. Add Container Element

<div id="my-marquee"></div>

3. Initialize MarqueeKit

new MarqueeKit("#my-marquee", {
  images: [
    "/path/to/image1.jpg",
    "/path/to/image2.jpg",
    "/path/to/image3.jpg"
  ],
  height: 300,
  imageWidth: 250,
  speed: 50
});

Technical Requirements

Required Files

  • marquee.js - Core functionality
  • marquee.css - Required styles and animations

Browser Features

  • IntersectionObserver API
  • CSS transforms and transitions
  • requestAnimationFrame

Browser Support

Supported Browsers

  • ✓ Chrome 60+
  • ✓ Firefox 54+
  • ✓ Safari 11+
  • ✓ Edge 79+

Performance Features

  • • Hardware acceleration
  • • Lazy image loading
  • • Automatic pause when hidden
  • • Memory optimization

Next Steps