Best jQuery Slider Plugins & Tutorials with Demo

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia 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 to thier visitors.

  • Responsive / Fluid layout with autoscale function.
  • Mobile and desktop optimized.
  • Scroll and/or drag and swipe functions for the desktop and mobile devices.
  • Mouse Wheel support – navigation with mouse wheel scrolling.
  • Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

Ruby Slider : jQuery Live Touch Effect Slider

Ruby Slider : jQuery Live Touch Effect Slider

Ruby Slider is best of slider plugin when integrated touch/swipe gestures, 4 types of effects including hundreds of separate effects. Most especially, all effects are supported live swipe gestures. Ruby Slider designed as module, build you optimal script size. Also integrates numerous other outstanding features: fully responsive, lazyload, image position, slideshow with timer, powerful api, cross browsers…

Transition Effect with CSS Masks

Transition Effect with CSS Masks

Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and composite with an element. In the following tutorial we’ll show you how to apply the new properties for a modern transition effect on a simple slideshow. We’ll be applying animations utilizing the steps() timing function and move a mask PNG over an image to achieve an interesting transition effect.

Multi-Layout Slideshow with JavaScript & CSS

Multi-Layout Slideshow with JavaScript & CSS

A simple decorative slideshow component with individual slide layouts and effects. Powered by anime.js.

Today we’d like to share a simple decorative slideshow component with you. The idea behind this slideshow is to have an individual layout for each slide, accompanied by a distinct effect. The images of each slide is meant to have a decorative purpose which could be suitable for an article header; or, for example, an ornamental quotes slideshow within an article.

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker – Create jQuery Photo Slideshows, Galleries, Carousels in no time !

  • Fully responsive
  • Retina-enabled
  • Creates Well-adaptated images for each screen & device
  • Touch-swipe
  • Lazy Images Loading
  • Loaded with ajax

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind.

Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built with the use of jQuery, GSAP and Animus, the slider is guaranteed to offer unmatched motion design experience.

Clipped SVG Slider

Clipped SVG Slider

A simple slider, with morphing preview images animated using SVG properties.

Rotate Gallery : jQuery Portfolio Slider

Rotate Gallery : jQuery Portfolio Slider

This jQuery plugin allows you to create unique and effective photo gallery or portfolio.

The wide range of created configurations sets, themes and animations make this plugin enjoyable and configurable in a simple way.

Radial SVG Responsive Slider

Radial SVG Responsive Slider

A simple, responsive slider, with a radial transition effect powered by SVG clipPath and mask elements.

PhotoFlip : jQuery plugin to dynamically change the Background Image

PhotoFlip : jQuery plugin to dynamically change the Background Image

A jquery plugin that allows you to dynamically change the background Image of a container or div.



Best jQuery websites design awards