jQuery plugin for a slick and modern portfolio
Switch branches/tags
Nothing to show
Clone or download
Arsene Toumani
Arsene Toumani Update README.md
Latest commit 98bbaae Mar 12, 2016
Failed to load latest commit information.
demo change media image May 1, 2014
dist fixed responsiveness onresize, added styles, and cleaned code May 1, 2014
README.md Update README.md Mar 12, 2016
gulpfile.js added dist Apr 23, 2014
package.json added dist Apr 23, 2014



This plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going. Check out the demo here


View the full demo here


  • Get both /dist/portfolio.jquery.min.js and /dist/portfolio.jquery.min.css files included in your html file
  • Add $("#MyPortfolio").portfolio({ options }); to your script tags or JS file
  • Append and edit (to your liking) the HTML snippet you find in /demo/index.html
  • That's it! really, you just have to follow what's going on in the /demo folder ;)


    cols: 3 // Number of columns you want your thumbnails to take. Default is 3
    transition: 'slideDown' // What jQuery transition effect you want. Default is slideDown

For more options, just request in the issue tracker.


  • Clone the repo onto your desktop
  • run npm install to install all dependencies
  • run gulp for CSS and JS minification

You really only need to work in the demo folder then run gulp later.