Best jQuery Portfolio Plugins & Tutorials with Demo

    Project Cards Template in CSS & jQuery

    Project Cards Template in CSS & jQuery

    A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

    Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

    Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

    Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.

    Features:

    • Responsive
    • Touch-friendly
    • Lightweight
    • Preloading next and previous image
    • Android, iOS and Windows phone support
    • CSS3 Transitions with fallback for older browsers
    • Keyboard support
    • Easy to install, easy to use
    • Lots of options
    • Can use jQuery 1.x or 2.x

    Portfilter : jQuery Portfolio Filter for Bootstrap

    Portfilter : jQuery Portfolio Filter for Bootstrap

    Portfilter is a very lightweight portfolio filter for Bootstrap.

    Squeezebox Portfolio Template in CSS & jQuery

    Squeezebox Portfolio Template in CSS & jQuery

    An intro block that slides out to uncover a gallery of portfolio items.

    We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away.

    Zoomwall.js : Content-focused Photo Gallery

    Zoomwall.js : Content-focused Photo Gallery

    Zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

    Stackgrid.js : jQuery plugin for Stacking Stuff

    Stackgrid.js : jQuery plugin for Stacking Stuff

    A very simple and highly customizable jQuery plugin for stacking stuff.

    imGrid : jQuery Media Grid Responsive Gallery

    imGrid : jQuery Media Grid Responsive Gallery

    This is a JQuery plugin that allows you to create an high quality justified gallery of images.

    • Four layout types: Square, fluid, masonry and fit
    • 20+ hover effects: imGrid bring packaged over 20+ hover effects that can be used on any website
    • 25+ Animations
    • Filtering
    • Lightbox
    • Dinamic loading
    • Fully responsive

    Gridder.js : jQuery Thumbnail Grid Expanding Gallery

    Gridder.js : jQuery Thumbnail Grid Expanding Gallery

    A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.It’s a very nice effect and practical, allowing you quickly see more details without having to reload a new page.The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

    • Multiple instances
    • Really easy to use and customize
    • Expanding preview with details
    • Smooth Scrolling
    • Callbacks (so you can launch other plugins)

    Layouter : jQuery Portfolio in Awesome Layouts

    Layouter : jQuery Portfolio in Awesome Layouts

    Want an awesome </strong>layout for your posts, or your portfolio items or your vacation pictures ? This is the plugin for you.Create unlimited layouts with the builder integrated.

    Lunar : jQuery Photography Portfolio

    Lunar : jQuery Photography Portfolio

    Lunar – Photography Portfolio, a very clean and simple jQuery Plugin that helps you build beautiful photo albums. Some of the plugin’s strong points are: fully responsive grid, high performance, modern look & feel, clean and spacious design.

    • Modern look & feel, clean and spacious design
    • Specify album cover image width in percents
    • Display a self hosted video as album cover (video can play/loop all time or just on hover)
    • Full width special album cover (with description on the right or left side)
    • Enable/disable custom redirect URL for albums
    • Fully Responsive