Popularity

5.5

Stable

Activity

0.0

Stable

Stars 2,898

Watchers 152

Forks 530

Last Commit 7 months 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 6.3 sly VS reveal.js

A framework for easily creating beautiful presentations using HTML.
impress.js

9.7 3.1 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.

Scout APM - Leading-edge performance monitoring starting at $39/month

Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

Sponsored scoutapm.com

Swiper

9.7 9.7 L4 sly VS Swiper

Mobile touch slider and framework with hardware accelerated transitions.
slick

9.5 0.0 L1 sly VS slick

The last carousel you'll ever need.
PhotoSwipe

9.3 0.0 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

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 3.2 L5 sly VS Flickity

Touch, responsive, flickable galleries.
Glide.js

6.8 0.8 L5 sly VS Glide.js

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast.
bespoke.js

6.1 0.4 L5 sly VS bespoke.js

DIY Presentation Micro-Framework
Tiny Slider 2

5.8 1.0 sly VS Tiny Slider 2

Vanilla javascript slider for all purposes.
Sequence

5.7 0.4 L2 sly VS Sequence

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

4.6 3.5 L2 sly VS Strut

Strut
vegas

4.6 3.7 L2 sly VS vegas

A jQuery plugin to add beautiful fullscreen backgrounds to your webpages. It even allows Slideshows.
slidesJs

4.5 1.3 sly VS slidesJs

Is a ressponsive slideshow plug-in for JQuery(1.7.1+) with features like touch and CSS3 transitions
slidr

4.0 0.0 L3 sly VS slidr

add some slide effects.
Cycle2

3.6 0.0 sly VS Cycle2

2nd gen cycling
Embla Carousel

3.6 8.9 sly VS Embla Carousel

A lightweight carousel library with fluid motion and great swipe precision
basic-jquery-slider

3.2 0.0 sly VS basic-jquery-slider

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

2.6 8.3 sly VS nanogallery2

a modern photo / video gallery and lightbox
vue-slick-carousel

2.5 0.8 sly VS vue-slick-carousel

🚥 Vue Slick Carousel with True SSR Written for Faster Luxstay
jQuery.adaptive-slider

0.9 0.0 sly VS jQuery.adaptive-slider

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

0.9 0.0 sly VS jcSlider

A responsive slider jQuery plugin with CSS animations.

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.

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.