sglide

sGlide: a smart, lightweight and flexible slider, that's fully featured and mobile-ready. Standalone or jQuery.


Keywords
drag, responsive, slider, loadbar, gauge, vertical, smart, snapping, dynamic, mobile, arrow, keys, html
Licenses
GPL-3.0/GPL-2.0+
Install
npm install sglide@3.1.0

Documentation

sGlide

A smart, lightweight and flexible slider, that's fully featured, responsive and mobile-ready. Standalone or jQuery. It can be easily customized and styled using regular CSS.

For details, visit home page.

Quickstart Guide: apply the following to an empty div with a unique id.

let callback = o => {};
let options = {
	startAt: 60,
	width: 85,
	height: 20,
	snap: {
		points: 5,
		marks: true
	},
	drop: callback,
	onSnap: callback
};

// Standalone
let sG_instance = new sGlide(el, options);

// or jQuery
$('div#slider').sGlide(options);