jQuery Carousel Plugins

SamsaraJS : Layout Animation library

Looper js

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS - from the user input to the rendering pipeline - is a stream. Building a user interface becomes the art of composing streams.

Read More      Demo

jCarrotCell : jQuery Carousel Plugin

Looper js

jCarrotCell is a jQuery carousel plugin that does all the popular carousel things.

  • No need to use the same default HTML tags that the examples use.
  • Pass in custom selectors to find control elements anywhere on the page.
  • Auto-generate the paging navigation.
  • Insert, remove, empty, reload the carousel via AJAX or whatever and have it actually work.
  • Nested scrolling.
  • Swipe support on applicable devices.
  • Usable fallback in case Javascript is disabled.

Read More      Demo

jR3DCarousel : jQuery 3D Responsive Carousel

Looper js

jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

  • Modern effects
  • Responsive
  • Fullscreen Carousel
  • Tiny plugin (gzipped ~ 1.68KB, uncompressed ~ 4.95KB)
  • Infinite scroll
  • Multiple slideLayouts to maintain aspect ratio of images
  • Minimal configuration, easy to install
  • Useful public API for extending the functionalities like custom nav buttons.

Read More      Demo

jQuery Brazzers Carousel

Looper js

jQuery Brazzers Carousel is a lightweight, responsive thumbnails hover carousel plugin for Blogs & Online Stores.

Read More      Demo

Horizon Swiper : Lightweight jQuery Swiper Plugin

Looper js

Horizon Swiper is a lightweight and free jQuery swiper plugin. It has many options and it works with your simple native browser scrolling.

Read More      Demo

Owl Carousel 2 Thumbnails plugin

Looper js

Enables thumbnail support for Owl Carousel 2.0.The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

Read More      Demo

jCider : jQuery Carousel Plugin

Looper js

jCider is an extensive and responsive jQuery plugin that enables you to create awesome carousels.

Read More      Demo

Motion Blur Effect with SVG & jQuery

Looper js

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Read More      Demo

Crosscover : jQuery Animated background Image Carousel

Looper js

Carousel for simple background image using jquery and animate.css.

Read More      Demo

PaW Carousel : jQuery Responsive Carousel

Looper js

A responsive carousel with thumnail navigation jQuery plugin.

Read More      Demo

CarouselSS : jQuery Carousel Plugin

Looper js

jQuery Carousel plugin for HTML content/images.It listens to CSS transition/animation events when switching frames and uses CSS class-based states.

Read More      Demo

FilmRoll : jQuery Carousel Plugin

Looper js

FilmRoll is a lightweight jQuery carousel (12 kb minified) that focuses on one item at a time, centering it in the view, regardless of the relative sizes of the carousel items.

  • Centers one item at a time in the view
  • Uses css classes for easy styling / transitions
  • Provides previous / next buttons and pagination automatically
  • Defaults to auto scroll with pause on hover
  • Supports full screen usage
  • Swipe movement if TouchSwipe is present

Read More      Demo

Pickli : jQuery Carousel List Picker Plugin

Looper js

jQuery Plug-in Carousel Picker for li tags.

  • Carousel Picker for list.
  • Horizontal or vertical orientation.
  • Align on left / center / right or top / medium / bottom.
  • Custom class for selected and unselected items.
  • Responsive with event.
  • Custom data key.
  • Call data with ajax.
  • Interactivity with custom events and cursor.
  • Animated change with custom transitions.

Read More      Demo

ItemSlide.js : jQuery Touch enabled Carousel Plugin

Looper js

ItemSlide.js is a jQuery plugin for a touch enabled carousel.

Read More      Demo

CSS3 Perspective Carousel

Looper js

An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3.

Read More      Demo

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

Looper js

PgwSlideshow Responsive slideshow / gallery / carousel for jQuery / Zepto.

Read More      Demo

TikslusCarousel : jQuery fully Responsive Image Carousel

Looper js

Tikslus Carousel was created to be responsive.It Can be view full page or you can provide a specific Width and Height for the plugin.

  • Fully Responsive
  • Can be used without providing width and height of the images
  • Support custom animation Via CSS3 classes
  • Can be used with Jquery Mobile plugin

Read More      Demo

SilverTrack : jQuery smart and very extensible Sliding Carousel

Looper js

SilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins.

Read More      Demo

Owl Carousel 2 : jQuery Responsive Carousel

Looper js

jQuery/Zepto Fully responsive, touch friendly carousel.

  • Brand new code
  • Infinity Loop
  • Center item
  • Smart Speed
  • Stage Padding
  • Item Margin
  • Ability to make almost all option responsive
  • Various Widths
  • Callback Events
  • YouTube/Vimeo support (fetching thumbnails as well)
  • Fixed click delegation issues
  • Anchors navigation
  • Merged Items

Read More      Demo

Slick : jQuery Fully Responsive Carousel Plugin

Looper js

Slick is a jQuery fully responsive carousel plugin.

  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc.

Read More      Demo

OWL Carousel : Touch enabled jQuery Carousel Slider plugin

Looper js

Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup.

  • Responsive
  • Touch Event
  • Mouse Slide Events
  • Fully Customizable
  • Choose the number of items to be displayed
  • Multiple Sliders
  • CSS3 3d Transitions
  • Custimizable controlls

Read More      Demo

ConveyorBelt : jQuery Adjustable Slideshow Carousel

Looper js

Conveyor-Belt, a simple but well adjustable slideshow carousel jQuery plugin.

Read More      Demo

dbpasCarousel : jQuery carousel plugin

Looper js

Another jQuery carousel plugin.This plugin will convert the ul element into a carousel.

Read More      Demo

Rondell : jQuery plugin for Displaying Images in a nice way

Looper js

This is a jQuery plugin for displaying galeries and other content the way you want.Checkout the different presets in the upper menu! Especially the Gallery and Thumbnails preset.

Read More      Demo

Microfiche.js : jQuery Carousel library

Looper js

A carousel library made With Associates, focusing on performance, simplicity and touch.

Read More      Demo

CoolCarousels : Showcasing 50+ cool jQuery carousel examples

Looper js

All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

Read More      Demo

jQuery Responsive Carousels

Looper js

A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.

Read More      Demo

SwipeView : Infinite Carousels For Mobile Web with JavaScript

Looper js

SwipeView is the super simple solution to endless seamlessly loopable carousels for the mobile browser. It is memory conservative as it uses only three elements at any given time, it is smooth as velvet since it takes advantage of hardware acceleration, it is bandwidth friendly with its 1.5kb minified/gzipped footprint.

Read More      Demo

jQuery Liquid Carousel plugin

Looper js

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Read More      Demo

Hero Carousel : A jQuery carousel plugin

Looper js

Hero Carousel is a jQuery carousel plugin with 100% width & previews of next/previous slide.

Read More      Demo

jQuery Monte : A carousel plugin for images and/or HTML

Looper js

A small jQuery carousel script for images or HTML.

Read More      Demo

Carousel Photo slider with Php and jQuery

Looper js

To continue with our experiment series, our designing and programming team joined forces to create an amazing carousel vintage photo slider with PHP and jQuery. This is definitely a nice photo slider to be applied in different websites so you can showcase your work in a more original way. This tutorial is going to cover the programming part of the carousel (stay close to find out the release time of the design part) so you can learn how we did this fancy photo slider and you can adapt it to your own projects.

Read More      Demo

jq.carousel : Simple and customizable jQuery Carousel

Looper js

jq.carousel is a jQuery plugin you can implement a simple carousel and Customizable.Because they are designed to be flexible in various situations, can also be embedded in a responsive site for example.Because the default implementations of the indicator are here to inform the user, also perfectly navigation. Because the style indicator in the CSS, you can look you like.You can use an event that has been prepared in advance, the timing of any processing.

Read More      Demo

Tiny Circleslider : jQuery circular slider / carousel with Demo

Looper js

Tiny Circleslider is a jQuery circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

  • Supports iPhone, iPad and Android
  • Supports sliding by thumb or pager
  • A interval can be set to slide automaticaly every given milliseconds
  • Can be set to snap to a page
  • Option to fade dots when dragging is done
  • Size(radius) of the slider can be set.
  • Can fire a callback after every move.
  • Easy customizable
  • Lightweight its only 130 lines of code. mimified the size is 4 kb

Read More      Demo

rcarousel : A continuous jQuery UI carousel with Demo

Looper js

rcarousel is a jQuery UI continuous carousel with many cool features. It is highly customizable and supports even older browsers (No IE6, please). rcarousel is very simple to use. Just add some elements into a container and run the widget on it!

Read More      Demo

jQuery photo viewer : Glisse.js

Looper js

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You will ll like the transitions between two pictures entirely assumed by CSS3.This plugin uses a lot of new CSS3 features like keyframes. It is definitely not a good idea to uses it on a general public website for the time.

  • Keyboard navigation
  • Fully CSS Customizable
  • Animated with CSS3 keyframes
  • 7 different transition effects
  • Scale to the viewport
  • iPad & iPhone ready (soon a fully Android support)

Read More      Demo

SimplyScroll a jQuery plugin for scrolling a set of images/elements

Looper js

simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.

Read More      Demo

An Infinite, Circular jQuery Carousel: carouFredSel

Looper js

jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction.

Read More      Demo

Roundabout is a jQuery plugin

Looper js

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

Read More      Demo

Circle Navigation Effect with CSS3

Looper js

Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions.

Read More      Demo

Responsive Image Gallery with Thumbnail Carousel

Looper js

Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We will also add the possibility to navigate with the keyboard.

Read More      Demo

Elastislide:A Responsive jQuery Carousel Plugin

Looper js

Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel structure into a container with a fluid width will also make the carousel fluid.

Read More      Demo

jQuery Timelinr

Looper js

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..

Read More      Demo

Circular Content Carousel with jQuery

Looper js

Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the link the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

Read More      Demo

jQuery AOG Carousel

Looper js

This is a 3D-like spinning carousel that can be manipulated with the mouse.

Read More      Demo

jQuery Multimedia Portfolio

Looper js

Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

Read More      Demo

jMyCarousel a jQuery Plugin for Carousel gallery

Looper js

jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

Read More      Demo

Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

Looper js

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

Read More      Demo

GalleryView: A jQuery Content Gallery Plugin

Looper js

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

Read More      Demo

3D Waterwheel Image jQuery Carousel

Looper js

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Read More      Demo

jQuery Folder Collapser for Dynamic Content

Looper js

How to create a group of collapsible folders using pure JavaScript and some JQuery added to the final product to give it a little bit of flare. The code will be structured in such a way that allows for implementation into a dynamic page.

Read More      Demo

jQuery Tiny Carousel with Demo

Looper js

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Read More      Demo