12 Mega jQuery Plugins

Share this article

It’s time for Mega jQuery Plugins! These plugins are combination of HTML5, CSS3 and PHP goodness. Hold tight! This might blast you off your seat.

1. Latest Post Blogroll Slider

This is a combination of jQuery and PHP for latest post blogroll slider.
jQuery-Plugins-Latest-Post-Blogroll.jpg
Source:
http://tympanus.net/codrops/2010/06/17/latest-post-blogroll-slider/

2. Dissecting jQuery Filters

Dissect jQuery filters by taking a single chunk of the jQuery source at a time, break it down, and know what’s happing on the process.
jQuery-Plugins-jQuery-Dissecting-jQuery-Filters.jpg
Source:
http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-dissecting-jquery-filters/

3. Music Portfolio with HTML5 and jQuery

Create an artist portfolio with a discography line up and HTML5 auto player jPlayer.
jQuery-Plugins-Music-Portfolio.jpg
Source:
http://tympanus.net/codrops/2010/07/26/music-portfolio-template/

4. WanderWall

Be amazed with this Hover-Based Interface with the help of CSS3 and HTML5.
jQuery-Plugins-WanderWall.jpg
Source:
http://addyosmani.com/blog/wanderwall/

5. Animated 404 Page

Redesign the old looking 404 page with this one.
jQuery-Plugins-Animated-404.jpg
Source:
http://tutorialzine.com/2010/08/animated-404-not-found-page-css-jquery/

6. Interactive PhotoDesk

Create an interactive photo desk that provides some realistic interaction for the user.
jQuery-Plugins-Music-Portfolio.jpg
Source:
http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/

7. Thumbnail Navigation

Create an extraordinary gallery with scrollable thumbnails that slides out from a navigation.
jQuery-Plugins-Thumbnail-Navigation.jpg
Source:
http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/

8. Beautiful Photo Stack Gallery

This is a nice and fresh image gallery that shows albums as a slider and when it’s chosen it’ll show the images of that album.
jQuery-Plugins-Photo-Stack-Gallery.jpg
Source:
http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/

9. Sliding Panel Photo Wall Gallery

This is a full page photo wall gallery that is a whole page full of thumbs with a nice effects of light when hovered.
jQuery-Plugins-Sliding-Photo-Panel.jpg
Source:
http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/

10. Content Panel Pull Out

Create a content panel that slides out at a predefined scroll position.
jQuery-Plugins-Content-Panel-Pull-Out.jpg
Source:
http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/

11. Fancy Pagination Plugin

jPaginate is a jQuery pagination plugin that animates page numbers. Users can slide through available page numbers by simply clicking or hovering over the arrows.
jQuery-Plugins-jPaginate.jpg
Source:
http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/

12. Annotaion Overlay Effect

This is a simple overlay effect that displays annotation in portfolio items of a web designer just for example.
jQuery-Plugins-Annotation-Overlay-Effect.jpg
Source:
http://tympanus.net/codrops/2010/10/12/annotation-overlay-effect/

Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week