November 01, 2018
Line25 is reader supported. At no cost to you an affiliate commission may be earned when a purchase is made through various links on our site. Learn more
There is a vast range of ready made jQuery plugins available, created by generous designers and developers from across the web. These jQuery plugins can help add stunning functionality and effects to your website, so it’s understandable why they’re so wanted by designers worldwide.
Check out these 30 awesome design enhancing jQuery plugins, including content sliders, slideshows, image galleries, tooltips, accordions, lightboxes and modal windows. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your interactive web designs.
This plugin is a jQuery framework that can help you in creating app-style off-canvas menus and sidebars. It is completely free for use on any project and it weighs only 1.69kb gzipped.
multiScroll will help you split pages with two vertical scrolling panels when working on your website. It is compatible with mobile phones and devices and old browsers such as IE 8. You can use it in your projects just by adding a simple HTML markup.
BrickWork is a helpful jQuery plugin. One of its goals is to create the best and most customizable dynamic layouts plugins. The instructions to install this plugin can be found on the GitHub page, and to get started you’ll need to have is Node and NPM on your computer.
This plugin can be very useful if you want to create an auto-playing featured content slider. Perfect for portfolios and blogs as well.
This photo slider plugin also reveals more information as you check the photos in the gallery. It can be used for portfolio websites.
fancyBox offers a nice and elegant way to customize and add functionality to your images, HTML content and multi-media on your webpages.
Facebox is a lightbox plugin that can display images, divs or entire remote pages. It uses the compact jQuery library as its engine.
Animsition is a simple jQuery plugin for CSS animated page transitions. You can download it from Github. It comes with different animations, such as fade, rotate, flip, zoom and even overlay.
This is a both lightweight and easy to setup plugin for jQuery that allows you to move horizontally while having a parallax scrolling effect.
gridscrolling.js takes care of your website layout by giving you the change to scroll up and down though the mains but also check the right and left of your page.
Tilted Page Scroll is a jQuery plugin with which you can create a 3D tilted scroll effect. It has smooth transitions, perfect for animated websites.
Carousel is a jQuery plugin that provides a flexible toolset for navigating and HTML based content. It is used for controlling a list of items in horizontal or vertical order.
Tooltips can be attached to any element to help display the title’s attributes in a box right when hovering your mouse over that element.
This jQuery plugin can be used to create a lightweight, cross-browser and highly customizable animated scrolling experience.
Accordion is a jQuery plugin that displays collapsible content panels when presenting information in a limited amount of space.
Dense is a jQuery plugin that brings in retina support to your website. It can help you clear the blurry images and an easy way to serve device pixel ratio aware images.
SVGMagic is another simple jQuery plugin. This one searches for SVG images on your website and creates PNG versions if the browser doesn’t support SVG.
SimpleModeal offers a flexible modal dialog framework. This is an easy to setup jQuery plugin for modal windows.
RowGrid.js a small and easy to use jQuery plugin that helps you place items in straight rows. This is perfect for creating grid galleries and/or for portfolio websites.
The Featured Content Slider plugin shows new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive slideshow.
gifplayer is a jQuery plugin that will make playing and stoping animated gifs on your website easier. This plugin has the advantage of letting you load a lighter static version of the animated gif.
matchHeight is a plugin that makes the height of all selected elements exactly the same. It is responsive, row aware, handles images and other media, supports hidden or none-visible elements, and more.
Here’s a jQuery plugin which finds and extracts the dominant colors from images and then applies them to its parent.
This corner plugin adds div “strips” to the item to be cornered and sets a solid background color on these strips in order to hide the actual corners of the real item.
One of the most important things this plugin has to offer is the ability to open any kind of files, from inLine content to the SWF files, from simple images to pdf files.
This is a plugin that can come in handy. You can confirm with users before opening any mailto: link through their default email client.