Popularity

5.5

Stable

Activity

0.0

Stable

Stars 2,895

Watchers 151

Forks 529

Last Commit about 1 year ago

Description

JavaScript library for one-directional scrolling with item based navigation support.

Sly supports navigation with:

Code Quality Rank: L1

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: Sliders Sly

Latest version: v1.6.1

sly alternatives and similar libraries

Based on the "Sliders" category.
Alternatively, view sly alternatives based on common mentions on social networks and blogs.

reveal.js

9.9 8.1 sly VS reveal.js

The HTML Presentation Framework
impress.js

9.8 3.6 L4 sly VS impress.js

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.

Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

Promo syncfusion.com

Swiper

9.7 9.8 L4 sly VS Swiper

Most modern mobile touch slider with hardware accelerated transitions
slick

9.5 0.0 L1 sly VS slick

the last carousel you'll ever need
PhotoSwipe

9.3 1.9 L3 sly VS PhotoSwipe

JavaScript image gallery for mobile and desktop, modular, framework independent
Owl Carousel 2

7.9 0.0 sly VS Owl Carousel 2

DEPRECATED jQuery Responsive Carousel.
FlexSlider

7.2 0.0 sly VS FlexSlider

An awesome, fully responsive jQuery slider plugin
unslider

7.1 2.9 sly VS unslider

The simplest jQuery slider there is.
bxSlider 4.2.14

7.0 0.0 sly VS bxSlider 4.2.14

Responsive jQuery content slider
Flickity

6.9 1.6 L5 sly VS Flickity

:leaves: Touch, responsive, flickable carousels
Glide.js

6.8 0.4 L5 sly VS Glide.js

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
bespoke.js

6.1 0.0 L5 sly VS bespoke.js

DIY Presentation Micro-Framework
Tiny Slider 2

6.0 0.0 sly VS Tiny Slider 2

Vanilla javascript slider for all purposes.
Sequence

5.7 0.0 L2 sly VS Sequence

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
Strut

4.6 2.5 L2 sly VS Strut

Strut - An Impress.js and Bespoke.js Presentation Editor
vegas

4.6 1.8 L2 sly VS vegas

Vegas is a jQuery/Zepto plugin to add beautiful backgrounds and Slideshows to DOM elements.
slidesJs

4.4 0.5 sly VS slidesJs

SlidesJS is obsolete and no longer maintained.
slidr

4.1 0.0 L3 sly VS slidr

add some slide effects.
Splide

4.0 9.2 sly VS Splide

Splide is a lightweight, flexible and accessible slider and carousel written in TypeScript. No dependencies, no Lighthouse errors.
Embla Carousel

3.9 8.6 sly VS Embla Carousel

A lightweight carousel library with fluid motion and great swipe precision.
Cycle2

3.6 0.0 sly VS Cycle2

2nd gen cycling
basic-jquery-slider

3.3 0.0 sly VS basic-jquery-slider

Simple to use, simple to theme, simple to customise.
nanogallery2

2.7 4.5 sly VS nanogallery2

a modern photo / video gallery and lightbox [JS library]
vue-slick-carousel

2.7 0.0 sly VS vue-slick-carousel

🚥Vue Slick Carousel with True SSR Written for ⚡Faster Luxstay
jcSlider

1.1 0.0 sly VS jcSlider

:snowboarder: A responsive slider jQuery plugin with CSS animations
jQuery.adaptive-slider

1.0 0.0 sly VS jQuery.adaptive-slider

A jQuery plugin for a slider with adaptive colored figcaption and navigation.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of sly or a related project?

Add another 'Sliders' Library

Popular Comparisons

README

Sly

JavaScript library for one-directional scrolling with item based navigation support.

Sly supports navigation with:

mouse wheel scrolling
scrollbar (dragging the handle or clicking on scrollbar)
pages bar
various navigation buttons
content dragging with mouse or touch
automated cycling by items or pages
lots of super useful methods

... and has a powerful & developer friendly API!

That's all build around a custom highly optimized animation rendering with requestAnimationFrame, and GPU accelerated positioning with fallbacks for browsers that don't support it.

Dependencies

jQuery 1.7+

Compatibility

Works everywhere, even in IE6+ abominations, but that is a complete accident :) IE 6-7 are not officially supported.

Forum

Forum is for questions. Issues are for bug reports and feature requests. Don't mix the two :)

Usage

Constructor:

var options = {
    horizontal: 1,
    itemNav: 'basic',
    speed: 300,
    mouseDragging: 1,
    touchDragging: 1
};
var frame = new Sly('#frame', options).init();

jQuery proxy:

var options = {
    horizontal: 1,
    itemNav: 'basic',
    speed: 300,
    mouseDragging: 1,
    touchDragging: 1
};
$('#frame').sly(options);

jQuery proxy is good when you want to create an instance and forget about it. For anything more complex, like using methods, events, accessing instance properties, ... use the constructor and work with the instance directly.