Best jQuery Slider Plugins & Tutorials with Demo

    PgwSlider : Responsive slider for jQuery

    PgwSlider : Responsive slider for jQuery

    PgwSlider is a responsive slider for jQuery / Zepto.

    • Fully responsive slider
    • Less than 2.5 KB (minified and gzipped)
    • All browsers support (desktop and mobile devices)
    • SEO compliant

    jQuery Vertical News Slider

    jQuery Vertical News Slider

    A jQuery and CSS3-based slider module that displays news headlines on the left along with a preview image and brief description on the right. The “current” item is highlighted and switches automatically at intervals.

    Inspiration for Item Transitions with CSS3 Animations

    Inspiration for Item Transitions with CSS3 Animations

    Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done using CSS Animations.

    Hi Slider : jQuery eye-catching 2D/3D realistic Slider

    Hi Slider : jQuery eye-catching 2D/3D realistic Slider

    Hi Slider makes it easy for anyone to create awesome eye-catching 2D/3D realistic jQuery Slider without any programming skills. Creating an image gallery slider and making a customized WordPress slider plugin have never been so easy and intelligent, even non-coders can design gorgeous jQuery photo slideshow. You just need to “Click to Select”! You can publish a gorgeous slider for your website within minutes!

    Tilted Content Slideshow with CSS3 Transform & Animation

    Tilted Content Slideshow with CSS3 Transform & Animation

    A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.

    The FWA landing page has a really nice content slider that plays with 3D perspective on screenshots and animates them in an interesting way. Today we’d like to recreate part of that effect and make a simple content slideshow with some fancy 3D animations. The slideshow won’t be the same as the one on the FWA page: the items won’t be “floating” or moving on hover and we’ll only have a simple navigation.

    InfinitySlider – jQuery Slider with CSS3 Animations

    InfinitySlider - jQuery Slider with CSS3 Animations

    Modern, Customizable, Clean, Fluid and Responsive. Responsive effects by default and fully compatible with Desktop, Notebook, Tablet, Smarphone, Firefox, Chrome, Opera, Safari and Internet Explorer.Image Autofit is an awesome feature that allows you to responsive your images automatically by cutting its edges and resizing its sizes, to preserve a high definition on every device and create an awesome slider for desktop and mobile.

    Features:

    • Super-Fluid CSS3 Effects & Transitions on Desktop & Mobile
    • You can select your IN/OUT/BACK Times for each element
    • HTML & CSS Content supported, you can add texts, images, videos, canvas, pricing tables, and all you want.
    • Fully Support of Video Embedding as Fullscreen or Boxed
    • Youtube & Vimeo API that stops the video if you change the slide
    • Image Autofit that allows you to select the subject position on the images
    • Cinematic Effect that allows you to make an animation-movement of the images
    • Blur Effect that allows you to make an automatic blur image from a normal one
    • Fully Cross-Browser Compatibility
    • Bootstrap 3 Integrated so you can use all the Bootstrap Elements inside the slide
    • Easy to integrate with other Frameworks
    • Font Awesome 4 Integrated
    • Fully Responsive
    • Play & Stop with the slide loader
    • Autoplay, you can active it to start your slide when the page is opened
    • Keyboard Navigation

     

    Royal 3D Coverflow jQuery WordPress Plugin

    Royal 3D Coverflow jQuery Wordpress Plugin

    Royal 3D Coverflow WordPress Plugin is a fully responsive media 3D coverflow wordpress plugin that allows you to display media content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact on their visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows 8.

    Wallop Slider : Simple Slider with CSS3 transitions

    Wallop Slider : Simple Slider with CSS3 transitions

    Wallop Slider is simple slider with CSS3 transitions.

    Features:

    • Mobile first
    • Progressive enhancement
    • Transitions/Animations are all in CSS
    • Minimal JavaScript
    • Flexible & Scalable
    • Custom events and API available
    • 3KB minified
    • Dependency free – That’s right, no jQuery

    Demos :

     

    Magic Responsive Slider & Carousel jQuery WordPress Plugin

    Magic Responsive Slider & Carousel jQuery WordPress Plugin

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design – available parameter to disable responsive behaviour
    • multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio. HTML5 video and HTML5 audio will not work in IE7 & IE8
    • lightbox support
    • border – you can set the border size and border color for active and inactive image.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • circle timer parameters for color, dimensions, transparency (available only for Perspective version)
    • width & height parameters
    • it supports links for each image with parameter for _self or _blank
    • autoplay parameter

    Swiper Smooth Progress plugin

    Swiper Smooth Progress plugin

    Smooth Progress is the ultra small (about 1Kb minified and gzipped) and free JavaScript plugin for iDangero.us Swiper 2.3+ that allows you add additional effects and dependencies depending on current position of Swiper and its slides in real time. The point is that now you can know about how much is far from “active” position any slide.