Best jQuery Slider Plugins & Tutorials with Demo

    Dasky : jQuery Timeline Slider

    Dasky : jQuery Timeline Slider

    Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.

    Features:

    • Fluid layout
    • Fullscreen or not
    • Auto play
    • Mousewheel control
    • Keybords control
    • Major browsers compatible and fallback to old browsers

    HostSlide Hosting Plan & Pricing Slider in jQuery

    HostSlide Hosting Plan & Pricing Slider in jQuery

    This HostSlide hosting plan & pricing slider is the best widget for your website. It’s lightweight and the layout can be changed easily in the CSS file. It’s powered by javascript and is supported in all major browsers. It enables you to use a simple and fast slide to view plan features and prices. It’s ready to be added to your website to give a brand new user experience. Unlimited plans/pricing/options can be added in seconds.

    Features:

    • Compatible with all major browsers
    • Lightweight
    • Fully customizable
    • SEO friendly
    • Add unlimited prices and plans
    • Add unlimited options (e.g. price, bandwidth, CPU, RAM, Disk Space)

    Create Apple navigation using jQuery Greensock

    Create Apple navigation using jQuery Greensock

    Apple’s website is always full of small innovative details and fancy CSS3 transitions. Designers talk about the clean and simple interface, while front-end developers wonder how some of these elements were created.

    Today we will recreate the new Apple navigation using jQuery Greensock. If you look at it in a desktop browser, you will see a nice elastic animation between the two slides and that’s our goal for today.

    Excolo Slider : A Simple jQuery Sliding Plugin

    Excolo Slider : A Simple jQuery Sliding Plugin

    A simple jquery sliding plugin, supporting responsive design, keyboard and touch navigation.

    Features:

    • AutoPlay Slideshow
    • Keyboard slide navigation
    • Mouse slide navigation
    • Prev/next button navigation
    • Repeat when last slide is reached
    • Play the slideshow backwards
    • Auto adjust size initially and on browser resize, for responsive designs
    • Touch enabled (limited to a few browsers)

    Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

    Blades 3D : CSS3 Responsive & Retina Ready Banner Rotator

    Blades 3D is a responsive and retina ready with CSS3 3D Transforms and CSS3 Transitions.

    Features:

    • Responsive (optional)
    • Retina Ready (optional)
    • Choose to use autoplay and set autoplay delay
    • Automatically randomize the slide order
    • Choose to turn off 3D flip beaviour and switch to “classic” mode
    • Choose from one of 6 different flip rotations or cycle through them all
    • Set “break-apart” thumb spacing
    • Set the number of grid columns and rows
    • Touch-swipe for mobile devices
    • Use as many slogans that will fit
    • Slogans support multiple lines and hyperlinks
    • Use more than one banner on the same page
    • jQuery free (no worrying about jQuery conflicts or having to update to the latest jQuery)
    • Custom settings can be passed through either JavaScript or HTML attributes.

    jQuery Showroom Slider

    jQuery Showroom Slider

    Showroom Slider is a powerful jQuery plugin that allows you to create sliders containing plane and box elements with tons of animation options to choose from. It uses a syntax similar to having inline CSS style on elements to describe every element’s properties and behavior.

    mySlide : jQuery slideshow on your website using Google+ album

    mySlide : jQuery slideshow on your website using Google+ album

    mySlide is a jquery plugin that will create a slideshow on your website using images from a particular google plus album. All you have to do is specify that google album in your javascript. You may also add a link url in the caption field of your image in the google+ albums interface. When you do that, the slideshow image will have a link to that URL. Hence when users click on that image in the slideshow, they will be redirected to your custom URL.

    All Around : jQuery Content Slider / Carousel

    All Around : jQuery Content Slider / Carousel

    All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas. You can display your company services, personal portfolio, sport products, health services, real-estate properties, vacation/holiday offers, cooking recipes and much much more.

    You can adjust the content slider the way you need it or you can choose one of our 6 prepared layouts. The All Around jQuery slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius.

    Lightspot jQuery Slider – Standalone

    Lightspot jQuery Slider - Standalone

    Lightspot Slider is a standalone jQuery plugin that allows you easy and fast to create and control image slider for your page header.

    Features:

    • Uses Image Preloader
    • Image links for further reading (optional).
    • Auto slideshow with pause on hover (optional).
    • Resizable width, height, thumbs width (in pixels).
    • Control number of visible thumbnails
    • Control number of visible right side buttons (can be turned off).
    • Image description box with option for individual background color (optional).
    • Thumbnail description box with option for individual background color (optional).
    • Multiple instances

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.