Popularity

5.5

Stable

Activity

0.0

Stable

Stars 2,894

Watchers 150

Forks 529

Last Commit almost 2 years ago

Description

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

Sly supports navigation with:

Code Quality Rank: L1

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.5 sly VS reveal.js

The HTML Presentation Framework
impress.js

9.8 4.3 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.

Appwrite - The Open Source Firebase alternative introduces iOS support

Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

Promo appwrite.io

Swiper

9.7 9.5 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 9.1 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.
Flickity

7.0 8.0 L5 sly VS Flickity

:leaves: Touch, responsive, flickable carousels
bxSlider 4.2.14

7.0 0.0 sly VS bxSlider 4.2.14

Responsive jQuery content slider
Glide.js

6.9 6.6 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
Tiny Slider 2

6.2 2.6 sly VS Tiny Slider 2

Vanilla javascript slider for all purposes.
bespoke.js

6.1 0.0 L5 sly VS bespoke.js

DIY Presentation Micro-Framework
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.
Keen-Slider

5.1 9.0 sly VS Keen-Slider

The HTML touch slider carousel with the most native feeling you will get.
Splide

5.0 9.5 sly VS Splide

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

4.7 0.0 L2 sly VS vegas

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

4.6 2.5 L2 sly VS Strut

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

4.5 0.6 sly VS slidesJs

SlidesJS is obsolete and no longer maintained.
Embla Carousel

4.4 8.7 sly VS Embla Carousel

www.embla-carousel.com | A lightweight carousel library with fluid motion and great swipe precision.
slidr

4.1 0.0 L3 sly VS slidr

add some slide effects.
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.
vue-slick-carousel

3.0 0.0 sly VS vue-slick-carousel

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

2.8 0.0 sly VS nanogallery2

a modern photo / video gallery and lightbox [JS library]
Swiffy Slider

1.3 8.3 sly VS Swiffy Slider

Super fast carousel and slider with touch for optimized websites running in modern browsers.
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.