The best 15 jQuery Plugins for web design

Sudesh Bhandari

 


Web design is normally done with html and CSS but the use of jQuery helps in making easy and attractive websites. Many designers in the world are building so many jQuery plugins which helps other designers to design websites more faster and easily. Every thing is not possible using only HTML and CSS to complete the design so, designers should know about the important jQuery plugins after which designers can design anything according to their needs and creativity.

Here are fifteen most useful jQuery plugins which help you to make your design more beautiful and expressive.

1.   Parallax Js

Parallax Js is a popular jQuery plugin where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling. It’s similar with fixed CSS.

 Odoo CMS - a big picture


2.   Particle Js

Particle Js is a lightweight JavaScript library for creating particles. A lot of tiny particles moving around and interacting with each other or with you have a certain appeal to them. If you are ever in a situation where you need to work with a lot of particles, Particles.js will serve you well.

 Odoo CMS - a big picture

3.   Magnific Pop Up

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device.

 Odoo CMS - a big picture

4.   Owl Carousel

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. Owl carousel is Fully Customizable, Touch and Drag Support, Fully Responsive, Modern Browsers and Modules and Plugins.

 Odoo CMS - a big picture

5.   ScrollMagic

Scroll Magic helps you to easily react to the user's current scroll position. It’s the perfect library for you, if you want to: animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). 

 Odoo CMS - a big picture

6.   jQuery Scroll Follow Path

It's a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs. It comes with a custom scrollbar.

 Odoo CMS - a big picture

7.   AOS Js

AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to its previous state and are ready to animate again if you scroll down.

 Odoo CMS - a big picture

8.   Video as Background

Easy as hell jQuery plugin for video backgrounds. It's all modern desktop browsers are supported.

 Odoo CMS - a big picture

9.   Isotope

Filter & sort magical layouts. Isotope can hide and show item elements with the filter option. Items that match that filter will be shown. Items that do not match will be hidden. It can rearrange the order of item elements based on their data.

 Odoo CMS - a big picture

10.   Bootstrap Date and Time Picker

Filter & sort magical layouts. Isotope can hide and show item elements with the filter option. Items that match that filter will be shown. Items that do not match will be hidden. It can rearrange the order of item elements based on their data.

 Odoo CMS - a big picture

11.   Animated Page Transitions

A simple and easy jQuery plugin for CSS animated page transitions.

 Odoo CMS - a big picture

12.   BigSlide

big Slide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation. It will slide the navigation panel as well as any containers given the. push class (or a class of your choosing in the settings).

 Odoo CMS - a big picture

13.   Tooltipster

A flexible and extensible jQuery plugin for modern tooltips by Caleb Jacob and Louis Ameline under MIT license. Compatible with Mozilla Firefox, Google Chrome, IE6+ and others.

 Odoo CMS - a big picture

14.   jQuery Bzoom

A plugin to enlarge images on hover.

 Odoo CMS - a big picture

15.   SmoothScroll

A lightweight script to animate scrolling to anchor links.

 Odoo CMS - a big picture