sp-supermarquee

SuperMarquee is the super smooth marquee web component for your web applications.

Showcase

Get some inspiration of what is possible with the following showcase demos.

• Newsticker
• eCommere
• 3D Hero
• MarqueeWall (codepen.io)
• MarqueeWiggle (codepen.io)

Features

The most popular features of SuperMarquee:

  ✓  Fully Responsive. Perfect for every resolution
  ✓  Easily customizable via CSS
  ✓  Zero dependencies
  ✓  Lightweight, simple yet powerful with no additional dependencies
  ✓  Hardware accelerated for high performance
  ✓  Extremely flexible. Endless possibilities
  ✓  Works on every modern device
  ✓  Supports 3D transformations
  ✓  Support for vanilla Javascript, jQuery and Web Components

Examples

List of single feature examples

• Horizontal Scrolling
• Vertical Scrolling
• Ping Pong
• Perspective X axis
• Perspective dynamic
• Styling
• Dynamic Scroll Speed
• Mixed Content
• Position
• Live Updates
• Performance
• Right-To-Left

Documentation

• Getting Started with Javascript
• Getting Started with jQuery
• Getting Started with Web Component
• API Reference
• Changelog
• Examples

Get Started

Install with npm

Run the following command in your terminal

npm install sp-supermarquee

You can also load the bundle directly from jsDelivr.

Create a placeholder

Create an HTML placeholder

<div id="supermarquee"></div>

Import SuperMarquee

import SuperMarquee from "sp-supermarquee";

Initialize

Now turn your placeholder into a SuperMarquee instance and let the magic begin.

const sm = new SuperMarquee( 
  document.getElementById('example'), {
  content : "SuperMarquee by SuperPlug.in is Super!!!"
});

Support

We provide support for developers working with commercial version by email. Please write an email to [e-mail] (please include your license key for verification).

If you use a non-commercial version then please ask your tagged question on StackOverflow.

License

SuperMarquee is a commercial software with two licenses available:

• Free for non-commercial purposes such as teaching, academic research, and evaluation. Read it here.
• Commercial license with support and maintenance included. See pricing plans.