Preview & Download


Media Boxes Portfolio is jQuery grid plugin that allows you to display all kind of content in a highly powerful grid. Use it for blog posts, display media, clients, portfolios, shopping carts, galleries and all you can imagine.
It comes with a powerful filter, sorting and search system!

You can put the plugin in your existing HTML/CSS and it will automatically adapt to its container, also you can quickly customize it via CSS and HTML so it adapts to your needs.

The plugin provides you tons of options for filtering:

  • Define your own HTML markup for the filter
  • Apply your own CSS style to the filter
  • Add any number of filters
  • Target multiple boxes
  • Target some boxes and exclude others
  • Add multiple categories to the boxes (belong to several categories)
  • Use any jQuery selector
  • Multiple filters, combined with the search and sort feature

The plugin provides you the option to search in the current layout so you can find items very quickly, just specify what elements you want to target with the searching.
If you have a filter it will work together with the search feature, the popup and the load more feature will take in count this filtering as well.

Features List:

  • Fully responsive grid and popup
  • Deep linking
  • Lazy load Feature
  • One of the fastest grids out there
  • Configure the layout for different resolutions
  • Multiple columns
  • Unlimited number of items
  • The popup supports images, videos, sounds, iframes, HTML text, Google maps and ajax content of any dimensions and it will keep the right proportions
  • Powerful filtering system
  • Searching system
  • Sorting feature
  • Retina ready icons
  • Set the number of boxes to load at start and when you click the “load more” button
  • Support thumbnails for the grid only to the images you want to improve performance
  • Define the ratio of your thumbnails
  • Auto cuts the height of the thumbnails with CSS techniques (if ratio defined)
  • Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’
  • You can specify a static width for each column or specify number of columns
  • Change the portfolio layout for different resolutions
  • CSS3 Effects and GPU acceleration
  • Tons of overlay effects
  • Easy implementation
  • Compatible with Twitter Bootstrap
  • Deactivate and Activate Features through Javascript Options
  • Fully customizable and adaptable to your needs


Preview & Download