30 Awesome Design Enhancing jQuery Plugins

Home » Articles » 30 Awesome Design Enhancing jQuery Plugins

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

Slidebars jQuery Plugins

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.js jQuery Plugins

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

Brick Work jQuery Plugins

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

 jQuery Plugins

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

photo jQuery Plugin

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

roundup jQuery Plugin

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

content jQuery Plugin

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

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

jInvertScroll jQuery Plugin

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 jQuery Plugin

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 jQuery Plugin

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

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 jQuery Plugin

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

Tooltip jQuery UI

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

scroll jQuery Plugin

This jQuery plugin can be used to create a lightweight, cross-browser and highly customizable animated scrolling experience.

jQuery.Accordion

Accordion jQuery UI

Accordion is a jQuery plugin that displays collapsible content panels when presenting information in a limited amount of space.

Dense

Dense.js jQuery Plugin

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 - Great jQuery SVG fallback plugin

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

gallery jQuery Plugin

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

modal jQuery Plugin

SimpleModeal offers a flexible modal dialog framework. This is an easy to setup jQuery plugin for modal windows.

RowGrid.js

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

slider jQuery Plugin

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 jQuery Plugin

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

jquery.matchHeight.js jQuery Plugin

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

jquery.adaptive-backgrounds.js

Here’s a jQuery plugin which finds and extracts the dominant colors from images and then applies them to its parent.

jQuery Corner

corner jQuery Plugin

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

box jQuery Plugin

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

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.

Author
Iggy
Iggy is a designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design trends, inspiration, design freebies, and more. You can follow him on Twitter

80 thoughts on “30 Awesome Design Enhancing jQuery Plugins”

  1. Used to LOVE fancy box back in the day – now rev slider is probably my fave jQuery plugin… for this week anyway!

    Reply
  2. Good list, thank you very much :-)
    jQuery is the greatest, I am currently working on implementing Lavamenu in my webpage…. :-)

    Reply
  3. This a great list of plugins, I’ll be defiantly using the virtual tour on my next website design. Great post.

    Reply
  4. I used JQZoom for some of my projects, but the crazy 1000 lines of code weren’t easy to adjust to my own needs. So I created BeZoom, another image magnifier, with about 60 lines of code. So it’s lightweight and easy to use.

    Reply
  5. Thanks for the resources! I really like the jQuery Light Box and the Auto Playing Feature Content Slider.

    Reply
  6. Have a look at our website (My name is the link!) I have used a bunch of them to put it together. Ah, I almost forgot, a little bit of sweat and a week of hair pulling (windows, windows, windows!)

    Reply
  7. Thanks Chris, this is awesome! Really liking the direction Line25 is going. Didn’t have any doubts though ; )

    Reply
  8. No offense, but 1/3 of your list are apps that have the same functionality. Why bother showing us the SAME app, 8 or 9 times? Do a little more research and show something that we haven’t already seen, or that you’re not already displaying multiple times.

    Reply
  9. Very nice list. I’d like to see more of this in regards to JQuery. I’ve actually been looking for side-by-side comparisons of JQuery and Dojo, too…..

    Reply
  10. Another great post… I love me some Jquery. In fact, I am thinking of changing my name to Jeffquery in honor of this great set of tools.

    Reply
  11. Thanks, Chris!
    I use a couple of these on my own site and others. Galleria is awesome, just need to make certain you keep the image size low. And the accordion menu is easy to implement.

    Reply
  12. I use the Auto-Playing Featured Content Slider on my site as a wordpress plugin and I love it. Many of these I have not seen before, I will have to try them out.

    Reply
  13. You should take a look at PikaChoose jQuery Image Gallery. It’s really easy to set up and use! Great list I’ll definitely be using some of these on my sites soon.

    Reply
  14. Really nice list. Especially love the Featured Content Slider. Hopefully going to be using something like this soon.

    Also: great to see stuff that degrades well, especially when IE6 is involved.

    Reply
  15. Nice collection. I didn’t know about a few of them. This will come in handy. I bookmarked this post for future reference.

    Thanks Spoon!

    Reply
  16. These are great! jQuery has really helped advance the interface development. Flash for video and jQuery for interface enhancments! Thanks Again!

    Reply
  17. Great post, looking to delve into jQuery more and more with each passing project. This is a great little sum-up of what anyone could need!

    Reply
  18. I was looking for the coda pop up bubbles technique. Thanks!

    By the way, when you designed this website were you staring at a grid lined moleskine notebook by any chance?

    Reply
  19. Thanks! I jQuery, and I was just looking for a cool slider for a portfolio, this post was right on time. I’ve been subscribed to Line 25 since you launched it, and I’m really enjoying it so far!

    Reply

Leave a Comment

Verified by MonsterInsights