Skip to main content ↓
A chocolate chip cookie dough cheesecake topped with chunks of cookie dough and chocolate sauce on a white plate, with pieces of chocolate in the background and smaller images of assorted desserts below.

5 Free jQuery Slider Plugins for Responsive Web Designs

1. FlexSlider

FlexSlider

FlexSlider is a fully responsive and robustly featured responsive jQuery slider plugin. The jQuery plugin supports iOS and Android devices by providing native touchscreen commands like touch swipe navigation. It only takes 3 steps to get started with FlexSlider.

2. Liquid Slider

Liquid Slider

Liquid Slider is a responsive content slider that’s optimized for HTML5. What’s great about Liquid Slider is that you can customize your own build so that you’re only including features that you need, making it as lightweight and bloat-free as possible when you use it in your responsive web designs.

3. Refine Slide

Refine Slide

RefineSlide is a 3D transform- and CSS transition-enabled jQuery content slider plugin that can be used for transitioning your HTML elements. The plugin is fairly lightweight for what it can do — it’s only 10.7kb when minified. It also supports hardware acceleration on browsers that have the capability.

4. Nivo Slider

Nivo Slider

Nivo Slider is a free, open source jQuery slider plugin that can make your responsive web design look great. The plugin contains 16 beautiful transition effects like slicing, sliding, fading, and folding. It supports keyboard navigation, HTML captions, and pre-built themes — and all these features at only 15kb. The Nivo Slider WordPress plugin (which isn’t free) allows you to easily integrate the Nivo Slider plugin into your WordPress site.

5. bxSlider

bxSlider

bxSlider is an excellent jQuery plugin for sliding your responsive content — your slides can be images, videos, and any other HTML element. It has many configuration options so that you can truly customize your content sliders exactly the way you want them.

What’s your favorite jQuery plugin for responsive content sliders? Share them in the comments!

Make estimating web design costs easy

Website design costs can be tricky to nail down. Get an instant estimate for a custom web design with our free website design cost calculator!

Try Our Free Web Design Cost Calculator
Project Quote Calculator
TO TOP