40+ Free and Fresh jQuery Plugins and Tutorials

jQuery plugins are widely available on the internet and there is a huge plethora of jQuery tutorials as well that help you in using jQuery for your work. With the help of jQuery plugins, you can easily carry out your preferred actions in a more handy and swift manner. Here, we are presenting an electrifying and out of the ordinary collection of 40+ fresh and cool jQuery plugins and tutorials for your convenience. These plugins will help you improve your overall website experience for your visitors and making it more thrilling and enjoyable as well. Tutorials are also handpicked keeping your needs in mind. With the help of these jQuery plugins, designers and developers can easily make their website look and work more efficiently. So enjoy looking into this collection and have more fun using these plugins in your work. We hope that you will improve the user experience on your website with these plugins. In this article, you have discovered 40+ free and fresh jQuery plugins and tutorials that will help you create miraculously interactive websites that are eye-catching as well as accessible to the widest range of web browsers. What do you have to say about this collection? Just drop us a line.

Quake Slider

( Demo | Download ) A simple jQuery plugin for creating appealing and functional sliders for your websites. jQuery Image / Content Slider Plugin: Quake Slider

Freetile.js

( Demo | Download ) This jQuery plugin lets you organize your content in a dynamic and responsive layout so that you can optimally use the screen space. Freetile.js

Raccordion

( Demo | Download ) Raccordion is a multipurpose responsive accordion plugin that can adjust accordingly with the size of browser width. jQuery Responsive Horizontal Accordion Image Slider: raccordion

3D Flipping Circle with CSS3 and jQuery

( Demo | Download ) This tutorial helps you learn how to create 3D flipping circles with CSS3 3D transforms and shadows/gradients and jQuery. 3D Flipping Circle with CSS3 and jQuery

jQuery Animated Bar Plugin: jqBar

( Demo | Download ) This plugin will let you create animated vertical and horizontal bars so that you create beautiful bar charts and present your data with some visual effects. jQuery Animated Bar Plugin: jqBar

Mini Help System with jQuery

( Demo | Download ) This tutorial takes you through the process of creating a mini help system by means of jQuery. Mini Help System with jQuery

Make a Google Powered Shopping Search Website

( Demo | Download ) With this tutorial, you can learn how to make Google powered shopping search website by using jQuery and PHP. Make a Google Powered Shopping Search Website

How to Make a Mac OSX-like Animated Folder with CSS3

( Demo | Download ) This is a short tutorial on using CSS3, 3D transforms, gradient and box shadows to create a Mac OSX like animation folder. How to Make a Mac OSX-like Animated Folder with CSS3

Create a Beautiful Password Strength Meter

( Demo | Download ) Create an appealing password strength meter with the help of this tutorial. The new Complexify jQuery plugin is used in this tutorial. Create a Beautiful Password Strength Meter

How to Build a ToDo Application with Web SQL and jQuery

( Demo | Download ) Follow this tutorial and build a ToDo application with Web SQL and jQuery. This tutorial will help you understand transactions and let you get started with Web SQl. How to Build a ToDo Application with Web SQL and jQuery

Responsive Carousel

( Demo | Download ) This carousel script lets you work with mouse, touch friendly devices and keyboard. It includes slide/drag transition that can be applied by adding a data attribute. Responsive Carousel

iosSlider

( Demo | Download ) With this jQuery plugin, you can create a responsive, customizable and cross-browser content slider. iosSlider

jQuery Interactive Cycle Slides Plugin: jQSlid

( Demo | Download ) This is another jQuery plugin for parallel sliding that can be used anywhere where sliding functionality is required. jQuery Interactive Cycle Slides Plugin: jQSlid

gridster.js

( Demo | Download ) Create intuitive drag able layouts with this plugin that allows you dynamically add and remove elements from the grid. gridster.js

tiltShift.js

( Demo | Download ) This jQuery plugin is designed to replicate the tilt-shift effect by using CSS3 image filters. tiltShift.js

stickyMojo

( Demo | Download ) This plugin is compatible with Firefox, Chrome, Safari and IE8+, stickyMojo is a fast, lightweight and flexible sticky sidebar plugin. stickyMojo

Complexify

( Demo | Download ) This jQuery plugin is designed so that your users can correctly estimate the quality of their password. Complexify - a jQuery Plugin

jQuery Vector Maps

( Demo | Download ) With this jQuery plugin, you can render vector maps easily as it uses resizable Scalable Vector Graphics (SVG). jQuery Vector Maps

FrameWarp

( Demo | Download ) This jQuery plugin helps you display pages in a neat overlay. FrameWarp

Swatch Book with CSS3 and jQuery

( Demo | Download ) In this tutorial, you will learn creating a swatch book by using CSS transforms and transitions and jQuery plugin as well. Swatch Book with CSS3 and jQuery

Triple Panel Image Slider

( Demo | Download ) This tutorial will walk you through the process of creating triple panel image slider with a 3D look. Triple Panel Image Slider

Fullscreen Slit Slider with jQuery and CSS3

( Demo | Download ) Now, you can learn how to create a full screen slideshow by using jQuery and CSS animations. Fullscreen Slit Slider with jQuery and CSS3

Build a Filterable Portfolio Using jQuery Isotope

( Demo | Download ) Here, you will see how to see jQuery Isotope plugin to create a filterable portfolio. Build a Filterable Portfolio Using jQuery Isotope

Vertical Showcase Slider with jQuery and CSS Transitions

( Demo | Download ) Follow this tutorial to create a vertical showcase slider with jQuery and CSS transitions. You can create a full screen slider that can move its section in opposite directions. Vertical Showcase Slider with jQuery and CSS Transitions

Pages: 1 2

About the author

With a passion for Knowledge, Smashinghub has been created to explore things like Free Resources For Designers, Photographers, Web Developers and Inspiration.

Twitter Visit author website

Subscribe to Smashing Hub


5 Comments

  1. Rahul says:

    all are awesome plugins thanks for sharing very nice collection..

  2. Connor Harley says:

    Browsing through the plug-ins. I find them very interesting. I would like to try some of them out. One or more will be able to help me with my business. Best part is they’re free.

  3. Yurike says:

    this jquery is great. because its replace flash animation, which is making your website slow.

  4. Don says:

    thanks for sharing dude. i’ve seen it. it’s very useful for me to develop my website.

  5. Raghav says:

    woww really awesome jQuery Plugins .. thnks for the share :)