README
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.
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 support@superplug.in (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.