jQuery image slider is an attractive website element used to showcase your featured articles, images and video. With eye-catching sliders, you can engage your site visitors and give a good user experiences.

There are lot of free image sliders on the internet built in jQuery. If you’re a web developer, you can selective to choose a responsive jQuery slider that perfect for any device screen resolution.

Today we present 15 free jQuery image slider that you can for your next projects.

Some of these jQuery image slider has a beautiful slider layout, fancy slideshow and various transition effect.

See Also: 14 CSS/HTML Button Codes & Templates

17Color extraction effect with Vibrant.js

color_extraction_effect_with_vibrant_js

A Codrops tutorial about how to design a slideshow with a color palette creation effect utilizing CSS Filters and Vibrant.js.

DOWNLOAD

16jQuery Hero Slider

jquery_hero_slider

A full-width, responsive and simple to customise slideshow designed with jQuery. A tutorial by Codyhouse.

DOWNLOAD

15Zoom slider on mockup devices

zoom_slider_on_mockup_devices

A tutorial about producing a zoom slider on mockup devices by Codrops.

DOWNLOAD

14A slider with SVG radial transition effect

a_slider_with_svg_radial_transition_effect

A free tutorial about how to create responsive slider powered by SVG radial change effects.

DOWNLOAD

13Glide.js Light & responsive jQuery slider

glide_js_light_responsive_jquery_slider

Glide.js is a lightweight, responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older browsers.

DOWNLOAD

12CSS3 flipping circle slideshow

css3_flipping_circle_slideshow

A free CSS circular slideshow, the concept is to flip a circle in a specific angle depending on which spot associated with the circle we click.

DOWNLOAD

11Simple slider with radio buttons

simple_slider_with_radio_buttons

An easy CSS based slideshow/click through box made with radio buttons. Coded by Hornebom.

DOWNLOAD

10Ideal Image Slider

ideal_image_slider

Ideal Image Slider is a Vanilla JS slider supplying the right quantity of features, with no bloat and stay simple to expand making sure that more features may be added as extensions.

It really is HTML5 & SEO friendly, fully responsive, supports touch and retina.

DOWNLOAD

9CSS3 Metro testimonial slider

css3_metro_testimonial_slider

A free incredible CSS3-only snippet called CSS3 testimonial slider.

DOWNLOAD

8Pointy Slider A slideshow based on panels

pointy_slider_a_slideshow_based_on_panels

A new interesting test by CodyHouse: Pointy Slider. It is basically a CSS and jQuery driven slideshow with sliding panels that unveil background images.

DOWNLOAD

7CSS jQuery vertical showcase slider

css_jquery_vertical_showcase_slider

A responsive vertical fullscreen slider that moves its sections in reverse guidelines, using jQuery, CSS Transitions and media inquiries to make the layout adaptive.

DOWNLOAD

6Cowerflow style with CSS3 and Javascript

cowerflow_style_with_css3_and_javascript

iTunes-style coverflow made out of CSS3 plus some lines of Javascript. A CSS snippet coded by Hjörtur Hilmarsson.

DOWNLOAD

5Page scroll effects

page_scroll_effects

A mini-library including 8 page scroll effects you need to use for the silders. Just a little treasure by CodyHouse.

DOWNLOAD

4Unslider A simple jQuery carousel

unslider_a_simple_jquery_carousel

Unslider is a really an easy task to install and configure jQuery plugin to produce simple carousels.

DOWNLOAD

3CSS + jQuery simple multi-item slider

css_jquery_simple_multiitem_slider

A wonderful guide on Codrops. It’s a CSS + jQuery simple multi-item slider for a minimal online store.

DOWNLOAD

2Slit slider revised CSS snippet

slit_slider_revised_css_snippet

Slit Slider is a slideshow with a twist: when navigating the slides, the present one will be cut available into two pieces and moved away, revealing the following or previous slide.

DOWNLOAD

1Hero slider animation with SVG

hero_slider_animation_with_svg

A tutorial for creating a page slider with animated SVG elements utilized as change effects.

DOWNLOAD

SHARE

LEAVE A REPLY