Free Responsive jQuery Image Sliders
Agile Carousel ( Demo / Download )
Basic jQuery Slider ( Demo / Download )
Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and with a little bit of CSS and JavaScript knowledge, you can extend it to be as feature rich, or as simple, as you need.
Key Features:
Simple to use, theme and customize
Lightweight
Made it minimal for developers to customize easily
Requires jQuery, plugin js and plugin css
17 options to customize
BlogSlideShow ( Demo / Download )
Key Features
Contains fancy transition effects
Both horizontal and vertical sliders
7 effects of transition
carouFredSel ( Demo / Download )
Key Features
Fully customizable and skinnable, filled with loads of custom events and options.
Scrolls automatically or by using buttons, keys, the mousewheel or by dragging and swiping.
Optionally responsible/fluid/liquid out of the box.
Supports variable item-sizes (also with a variable number of visible items).
Built in keyboard- and mouse-navigation and pagination.
9 Built in effects such as scroll, fade, crossfade, cover and uncover.
Capable of using CSS3 transitions.
Circular Content Carousel with jQuery ( Demo /Download )
With this circular content carousel, you can have some content boxes that can slide substantially (circular). Clicking the “More” link will move the respective item to the left and slide out the content area, so that you can navigate through the carousel where every step will disclose the next or previous content box with its extended content.
Craftyslide ( Demo / Download )
Craftyslide is a small slideshow that is built on jQuery with the intention to be unique by furnishing a simple, no-frills process of displaying images packaged into a small, clean and competent plugin.
Elastislide ( Demo / Download )
This is another very responsive jQuery carrousel that will adjust its size and its performance so as to work on any screen size. Putting in the carousel’s structure into a container with a fluid width will make the carousel fluid as well.
Elastislide ( Demo / Download )
Estro ( Demo / Download )
This a creative plugin that includes a smooth and powerful effects which is completely configurable and compatible with all major browsers and mobile platforms like iPhone and iPad.
Flat-style Polaroid gallery ( Demo / Download )
A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.
Responsive Slider
Flat Design
Shuffle transition
Full source code available
Flux Slider – ( Demo / Download )
Flux Slider is now compatible with both jQuery & Zepto.js, supports more than just WebKit browsers & is available for download/forking from GitHub.
Key Features:
Supports 2D and 3D transitions
Supports all major browsers and devices
little jerky in android devices due to poor hardware acceleration
Works only with browsers that support CSS3
Supports 6 options, 7 methods including methods to navigate through images
Full Screen Responsive Slider ( Demo / Download )
jQuery Blinds ( Demo / Download )
Key Features
Smooth animated transition
Customizable sprite grid
Customizable animation ochestration
Multiple instances on the same webpage
jQuery compatible (plugin)
Unobtrusive javascript
jQuery Slider2 ( Demo / Download )
jQuery Sliding Content Bar Plugin: PushUp Content (Demo / Download )
Jssor Responsive Slider ( Demo / Download )
Likno Web Scroller Builder ( Demo / Download )
Morphing Gallery ( Demo / Download )
Nivo Slider ( Demo / Download )
Key Features:
16 beautiful transition effects
Completely Responsive
Free to use even for commercial applications
Parallax Slider ( Demo / Download )
Pikachoose ( Demo / Download )
Key Features
Light weight plugin
We can integrate fancybox with pikachoose
10+ options, 5+ methods and 3 hooks
Popeye ( Demo / Download )
Responsly.js ( Demo / Download )
Responsly.js is a band of simple responsive widgets, written by means of CSS3 transformations and accessible as a jQuery plugin.
Rotating Image Slider ( Demo / Download )
Roundabout ( Demo / Download )
Key Features
Extensive API
Good browser support
Free for commercial use
Scrollbar Visibility with jScrollPane ( Demo / Download )
Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Facebook is an example for such a behavior. In this tutorial we want to show you how to use jScrollPane and extend it with the functionality to hide the scrollbar and show it on hover.
ScrollDeck ( Demo / Download )
Key Features
Easy to create full screen presentations
Keyboard navigation support
Support to add animation to slides
Simple Multi-Item Slider ( Demo / Download )
Skitter ( Demo / Download )
Skitter is a plugin for producing good-looking slideshows. You can modify every aspect of your slideshow
Slider Gallery ( Demo / Download )
Key Features
Scrolling through thumbnails using slider
Image preview on thumbnail click
The plugin uses jQuery easing plugin
SmartGallery ( Demo / Download )
SmartGallery is a lightweight, lightening up fast and completely customizable image gallery that has been exclusively designed to support huge data. SmartGallery comes with 12 different transition effects together with some inimitable transition effect and thumbnail navigation.
Timelinr ( Demo / Download )
This simple jQuery plugin will assist you in providing more life to otherwise your lifeless timelines. With this plugin, you can easily parameterize the majority of attributes: speed, transparency, etc. It also supports horizontal and vertical layouts.
Unislider – The super tiny jQuery Slider ( Demo /Download )
No fancy effects or unnecessary markup, and it’s less than 3kb. Use any HTML in your slides, extend with CSS. You have full control. Everything to do with Unslider is hosted on GitHub.
Cross-browser happy
Keyboard support
Adjusts for height
Yep, it’s responsive
Touch support
Unslider ( Demo / Download )
Key Features
Keyboard navigation support
Responsive and auto height adjust
6 options to customize
Swipe support using jQuery.event.swipe
Easy access to unslider properties using methods
Xml Driven Vertical News Scroller Script ( Demo /Download )
A-Slider
Responsive slider
Audio support
CSS3 transitions (fade)
Set audio on each slide
Slide any content, not just images
No dependencies except jQuery;
Works well with Twitter Bootstrap if required
Demo| Download
Blueberry – A simple, fluid, responsive jQuery image slider
Introducing a jQuery image slider written specifically for responsive web design. Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
Minimal Design
Responsive Layout
Fade Slide
Demo | Download
bx Jquery Slider
This is a free Responsive jQuery Content Slider.
Fully responsive – will adapt to any device
Horizontal, vertical, and fade modes
Slides can contain images, video, or HTML content
Advanced touch / swipe support built-in
Uses CSS transitions for slide animation (native hardware acceleration!)
Full callback API and public methods
Small file size, fully themed, simple to implement
Demo|Download
Camera | a free jQuery slideshow
Camera a free jQuery slideshow with many effects, transitions, adaptive layout, easy to customize, using canvas and mobile ready.
Responsive Design
Captions
Add Videos
33 different icon colors
Demo|Download
Elastic Content Slider
A fluid content slider that will adjust in width and height depending on the size of its parent. This Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small.
Responsive Design
Click Through
Demo|Download
Flat-style Polaroid gallery
A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.
Responsive Slider
Flat Design
Shuffle transition
Full source code available
Demo| Download
FlexSlider 2
The best responsive slider.The slider was restructured for speed, better minification, and minimizing reflows / repaints.
Demo | Download
FractionSlider: Free jQuery parallax Slider Plugin
Check out this awesome jQuery parallax slider plugin. Animate multiple element per slide with full control in every aspect of time and animation. FractionSlider is a jQuery plugin for image/text-sliders. It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction.
Slide animations & responsive
Object animations
Steps
Background animations
Demo|Download
Free 3D Stack Slider
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
Responsive Design
Flip Transition
3D Effect
Demo|Download
Free 3D Stack Slider ( Demo / Download )
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
Responsive Design
Flip Transition
3D Effect
Free Responsive Image Slider
Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!
Responsive Image Slider
Fade Effect
Left, right arrows
Green buttons
Demo|Download
Full width jQuery image slider
A very simple 100% width slider that scales down to mobile. This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
Responsive jQuery slider
Full width
Minimal Design
Demo|Download
Fullscreen Slit Slider
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
Responsive Design
Split Transition
Full Screen slider
Demo|Download
Galleria – Responsive JavaScript Image Gallery
Galleria has been serving top-quality image galleries to millions of web sites during the last years. We couldn’t be happier with all the positive response we received.
Free without restrictions
Fullscreen View
100% Responsive
No programming skills required
iPhone, iPad & touch support
Flickr, Vimeo, YouTube and more
One core, multiple themes
Demo | Download
Hi Slider
Hi Slider introduced a free jQuery slider plugin for personal use to create fancy image sliders with fantastic image transitions.
Responsive Slider
No Coding for you
Multiple Fascinating Templates & Skins
Awesome Transition Effects
Multiple Platforms
Publish to Website, WordPress, Joomla, Drupal
Multi-Media:Images, YouTube Videos & Vimeo Videos
Flexible Custom Options
Useful Action Types
Unlimited Output
Demo|Download
jQuery popeye 2.1
An inline lightbox alternative with slideshow.The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover.
Responsive Design ? Its a tiny slider
Visible enough
Caption Support
Slideshow
Demo | Download
Jquery Vertical News Slider
A jquery slider which is responsive and useful for news based websites with slides automated on the left and images displayed on the right.
Responsive
Vertical News switches
Perfect head
Demo| Download
Jssor Responsive Slider
Recently came across this fully functionally jquery slider and it does its work well. There are limitless slider opportunities which can be unlocked with this open source slider plugin.
Responsive Slider Design
Over 15 Slider options
More than 15 image transition effects
Touch Support
Image gallery, carousel, full width support
Vertical , Banner rotater, listing slider.
Video support
Demo| Download
Minimal Responsive Slides
Simple & lightweight responsive slider plugin (in 1kb). ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up.
Fully responsive
1kb minified and gzipped
CSS3 transitions with JavaScript fallback
Simple markup using unordered list
Settings for transition and timeout durations
Multiple slideshows supported
Automatic and manual fade
Demo|Download
Nivo Slider – Free jQuery Plugin
The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning. The Nivo Slider jQuery plugin is free to download and released under the MIT license.
Requires jQuery v1.7+
Beautiful Transition Effects
Simple and Flexible Setup
Small, Semantic & Responsive
Free to Use & Abuse
Powerful & Simple Slider Creation
Multiple Slider Types
Automatic Image Cropping
Demo|Download
PgwSlider
A single purpose and minimal image slider which is made for just showcasing image slides and nothing more. It is minimal because the jquery code is around 2.5KB making it loading time to a new level.
Responsive Layout
SEO Compliant
All browser support
Simple fade transition
2.5 KB zipped
Demo| Download
Sequence – Free Responsive Slider
Comes with four cool themes but only modern slide is responsive as apple style and horizontal parallax slides are not fluid here.
Three Great free Themes
Sliding Horizontal Parallax
Apple Style
Minimalist Modern Slide (Responsive slider skin)
Touch Support
Easily Modified
Cross Browser
Demo|Download
Simple multi-item jQuery slider
The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider.
Responsive layout
Minimal Design
Fade and slide effects
Demo|Download
SlidesJS, a responsive slideshow jQuery plug-in
SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project.
Responsive Design
CSS3 transitions
Touch
Easy setup
Demo | Download
Swipe – Free responsive accurate touch slider
Responsive
Resistant Bounds
Scroll Prevention
Library Agnostic
IE7+ Compatible
Demo|Download
Unislider – The super tiny jQuery Slider
No fancy effects or unnecessary markup, and it’s less than 3kb. Use any HTML in your slides, extend with CSS. You have full control. Everything to do with Unslider is hosted on GitHub.
Cross-browser happy
Keyboard support
Adjusts for height
Yep, it’s responsive
Touch support
Demo | Download
Wallop Slider
This slider has no jquery but i like to introduce it you people since it is minimal in nature and best options for faster page loads. Let me know if you like this one.
Responsive slider layout
Simple design
Slide transition
Minimal JavaScript code
3KB minified
Demo| Download
Wow Slider
WOW Slider is a responsive jQuery image slider with amazing visual effects (Domino,Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack,Stack vertical, Basic linear, Cube and Seven) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available also.
Fully Responsive
All browser, all devices support
Touch Swipe support
Easy wordpress setup
Highly Customizable
SEO Ready
Demo|Download
The post 60 Free Responsive jQuery Image Sliders appeared first on India.