Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the 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.
Slidebars
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.js
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.
Brick Work
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.
Auto-Playing Featured Content Slider
This plugin can be very useful if you want to create an auto-playing featured content slider. Perfect for portfolios and blogs as well.
Revealing Photo Slider
This photo slider plugin also reveals more information as you check the photos in the gallery. It can be used for portfolio websites.
Fancy Box
fancyBox offers a nice and elegant way to customize and add functionality to your images, HTML content and multi-media on your webpages.
Facebox Image & Content Viewer
Facebox is a lightbox plugin that can display images, divs or entire remote pages. It uses the compact jQuery library as its engine.
ANIMSITION
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.
jInvertScroll
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
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.
HighSlide
Highslide JS a quick and elegant looking image, media and gallery viewer written in JavaScript. There are no other plugins required, such as Flash or Java and also popup blockers won’t cause you any bugs or errors, as the content opens within the active browser window.
JQuery Tilted Page Scroll
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.
jCarousel
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.
jQuery.Tooltip
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.
jQuery.ScrollTo
This jQuery plugin can be used to create a lightweight, cross-browser and highly customizable animated scrolling experience.
jQuery.Accordion
Accordion is a jQuery plugin that displays collapsible content panels when presenting information in a limited amount of space.
Dense
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: the fully automated SVG fallback
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.
Space Gallery
Space Gallery offers a creative way to view a gallery. It has a cool effect – as one image fades, another one is shown. Implementing this plugin into your project is easy, all you have to do is attach the Javascript and CSS files to your document and then edit CSS file and fix the paths to images.
SimpleModeal
SimpleModeal offers a flexible modal dialog framework. This is an easy to setup jQuery plugin for modal windows.
RowGrid.js
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.
Featured Content Slider
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
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
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.
ADAPTIVE BACKGROUNDS
Here’s a jQuery plugin which finds and extracts the dominant colors from images and then applies them to its parent.
jQuery Corner
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.
piroBox
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.
jQuery Confirm mailto
This is a plugin that can come in handy. You can confirm with users before opening any mailto: link through their default email client.
Comments are closed.