Line25

30 Awesome Design Enhancing jQuery Plugins

Read the full post

There is a vast range of ready made jQuery plugins available from generous designers and developers from across the web that can help add stunning functionality and effects to your website. Check out these 30 awesome examples, including content sliders, 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 web designs.

Coda Slider

View Demo

Download

Coda Slider Effect

View Demo

Download

Easy Slider

View Demo

Download

Auto-Playing Featured Content Slider

View Demo

Download

haccordion: A Simple Horizontal Accordion

View Demo

Download

Revealing Photo Slider

View Demo

Download

Fancy Box

View Demo

Download

Facebox Image & Content Viewer

View Demo

Download

JQZoom

View Demo

Download

jQuery Lightbox

View Demo

Download

ThickBox

View Demo

Download

HighSlide

View Demo

Download

Galleria

View Demo

Download

jCarousel

View Demo

Download

jQuery UI/Tabs

View Demo

Download

jQuery.ScrollTo

View Demo

Download

jQuery Tooltip

View Demo

Download

Easy Tooltip and Image Preview

View Demo

Download

jQuery Accordion

View Demo

Download

Space Gallery

View Demo

Download

SimpleModeal

View Demo

Download

Virtual Tour

View Demo

Download

Coda Popup Bubbles

View Demo

Download

Featured Content Slider

View Demo

Download

LavaLamp Menu

View Demo

Download

SuckerFish Style Drop Down Menu

View Demo

Download

Sortables

View Demo

Download

jQuery Corner

View Demo

Download

piroBox

View Demo

Download

Morphing Gallery

View Demo

Download

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.sanneterpstra.com/ Sanne Terpstra

    Yeah, just the post where I was looking for!

    Many thanks! :)

  • http://bdesign-studio.org Brandon

    Great resources Chris.

  • http://designwashere.com designwashere

    Nice collection of jquery plugins! I’ve used some of them and was really a big help! ^_^

  • Dan Bodenstein

    Great list! Thanks for compiling it.

  • http://www.search4toffee.co.uk Ryan

    Fantastic list. Awesome resources. Saving us some time there Chris. Thank you.

  • oterox

    great plugins.Coda Slider Effect is what i was looking for.Implementing it in my current client’s website.
    Thk

  • http://www.designpebble.com Steve Slade

    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.

  • http://greenflipflops.com Gabe

    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!

  • http://aaronhalford.com Aaron

    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?

  • http://www.jankoatwarpspeed.com Janko

    Very nice collection. I haven’t seen some of those.

  • http://mahoganydesign.com Cara Jo Miller

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

  • http://www.sthursby.com Stuart Thursby

    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!

  • http://marbioblog.com marbio

    One of the best collection of jquery resources. ;-)

  • http://ifohdesigns.com Matt

    nice collection here! thanks

  • http://www.borodatyh.net/ Борода

    Thank you. I think best of all is Galleria, Lightbox and jQuery Corners.
    Waiting for next list )

  • Gandalf

    You cant beat a Top X article on jQuery plugins. Posted it on IHTT : http://www.ihearttoptens.com/view.php?uid=33

  • http://www.webair.it/webdesign.html Realizzazione Siti Web Bologna

    Impressive jQuery collection! Here an other interesting jquery article http://www.webair.it/blog/2009/03/11/slide-and-hide-section-with-jquery/

  • http://karenbodkin.com Karen Bodkin

    Fantastic list! Thank you!

  • http://twitter.com/beparadigm Brad E

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

  • http://jarodtaylor.com Jarod

    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!

  • http://onefiftyeightphotos.com Chris

    Galleria is awesome, but it becomes a beast to load with too many images.

  • http://iniwoo.net T-Law

    Great list, big thanks ;)

  • http://gimmiesomethingtoeat.com The Producer

    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.

  • http://impress-design.com Jack McDaniel

    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.

  • http://www.pirolab.it/pirobox Diego Valobra

    Ty 4 the post.

  • J. Shamblin

    Thanks for the list. Here’s a couple other really cool and free lightbox clones…

    jQuery prettyPhoto:
    http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

    MopBox:
    http://www.mopstudio.jp/demo/MopBoxDemo.html#?mopBox

  • http://daniel-sailer.de Daniel

    Thanks a lot! Nice List!

  • http://www.johncartago.com John

    Fancybox is the lightbox I use the most, probably one of the better ones out there imo :) Really nice list!

  • http://www.wepic.se Johannes Leuchovius

    Thank you, now i found some new nice scripts :)

  • http://www.suberapps.com Ben

    Thanks for the list, I love to collect list like that, will need it someday.

  • me

    Awsome!
    Er, uh, gnarly.
    To the Max!
    Like, extreme, dude.

    I’m just too ****in’ hip and happenin’ ain’t I?

  • http://oddworlddesign.com Jeff

    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.

  • http://blog.callumchapman.com/ callum chapman

    excellent post as usual! i need to learn how to code properly!

  • http://www.grahamallen.net/ Graham

    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…..

  • http://www.andymatthews.net andy matthews

    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.

  • http://bloggerstop.net Sai

    Brilliant Website dude….

  • http://trentrichardson.com trent

    definitely should check out Impromptu instead of simpleModal, its much more flexible and geared towards forms:

    http://www.trentrichardson.com/Impromptu/index.php

  • http://www.eld.com.tr ELD

    VERY NİCE BLOG, THANKS

  • http://www.crbarnett.com Chris Barnett

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

  • http://www.sureshfx.com suresh

    Very Very nice list. .i like it….i want moreeeeeeeeee……

  • http://www.cdpradeep.com/ Pradeep CD

    Awesome list…

    I was really looking for these…

    thanks…

  • http://www.dcypher.co.uk Steve Webster

    Great list, always nice to see more tuts for JQuery.

    Thanks, keep up the good work.

  • http://www.blacksnipe.be Angelo

    Great post.

    Sure some things that may come in handy for me, sometimes. Thanks.

  • http://www.jugalug.co.nr Jugalug

    I particularly like Fancybox. Many thanks for these.

  • http://www.magnumad.in Ashok

    Big thanks for you
    very very fantastic work
    i like it!

  • Ulfi

    thank you, wonderfull!

  • http://www.thegraphicdesignschool.com Jean-Marc

    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!)

  • http://www.guildinvite.com Guild Invite

    Definitely going to utilize some of these plugins with my guild’s World of Warcraft website.

  • http://cahcepu.com Om Ipit

    jQuery is future of web design
    i will bookmark this post for my private collection
    thank for share…

  • http://www.nextgen-design.co.uk web design leeds

    great stuff!.. thanks for these.

  • http://designstudentdiary.wordpress.com Ioanis

    Fantastic Resource. Thank you!

  • http://www.homecert-direct.com epc london

    a vast range of resources, many thanks

  • shantesh

    awesome,very useful collection

  • Crazyguy-Reegan

    Thanks for this useful collection

  • http://www.racunovodstvo.tag.si Knjigovodstvo

    Great list ! A great source of inspiration . Thanks !

  • http://www.blog.mookiedesign.com Cam

    this site makes me smarter by osmosis. AND then I read and dive head first into great content

  • http://- Anugraha Meido .T

    thanks for your share.. it was amazing source for beginer web programer like me.

  • http://pgdm.com Matt

    Thank you Chris, great work and it is wonderful of you to share it with us.
    Cheers

  • http://shahriat.com Shahriat Hossain

    Nice to see here and thanks for sharing these list.

  • http://deldig.com/ welek

    nice collection
    Thank you!

  • http://www.digitalsqft.net/ Website Designer Katy, TX

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

  • http://benjaminmock.de/ Benjamin

    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. It’s located at http://benjaminmock.de/bezoom-jquery-plugin/

  • http://www.pswebsitedesign.com PS Website Design Leeds

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

  • sofia

    thank you for sharing

  • cemil

    thanks buddy,those are really useful stuff, thanks for all the efforts :)

  • http://shopreviews.bloggoo.com ShoppingGuide

    Thanks for this useful collection. jQuery plugins are great.

  • http://www.webeventures.com Prabhjeet

    This is really fantastic collection! thanks.

  • http://www.kaplang.com Kaplang

    some of these will be really useful to me, thanks :)

  • http:www.designplusonline.biz camilo lopez

    great, thanks for the time to put this up!!!

  • http://jstnryan.com JstnRyan

    Excellent list, but HighSlide is not a jQuery plugin. It is framework independent.

  • http://ajax-tutorial.net zmoerf

    i have this one site to view many ajax library http://ajax-tutorial.net

    thank’s

  • http://link Pol41

    Time to watch the Duke in Fort Apache. ,

  • http://sean-blake.com Sean “Bluefox” Blake

    The Coda bubble has been something I’ve ALWAYS wanted to figure out! Awesome post!

  • http://snuggie.me Snuggie

    Wow, great post, thanks fr all the downloads some really great stuff in here. You should make your own portfolio
    Snuggie Blanket

  • http://darshana4it.com/blog Darshana Gunawardana

    Excellent list….
    Very useful

  • http://www.online-blogger.net Indrek

    Thanks! Found several useful plugins that I’m going to check out.

  • http://brandonleekitajchuk.com Brandon Kitajchuk

    I’ve used a good handful of these, but there are plenty more to put to use. Thanks!

  • http://www.walkingartwork.com/motiver.html mr. dametøj

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

  • http://www.space2world.com alen

    useful collection

  • http://www.jotboxmedia.co.uk Tom

    Superb stuff. Thanks for sharing :)

  • http://www.creativeindividual.co.uk Laura

    Wow few things here I can make good use of, thanks Chris

  • paul

    Thanks Chris, you’re a star for compiling this! All the best.