Muuri creates responsive, sortable, filterable and draggable grid layouts. Yep, that’s a lot of features in one library, but we have tried to make it as tiny as possible. Comparing to what’s out there Muuri is a combination of Packery, Masonry, Isotope and jQuery UI sortable.
Best jQuery Gallery Plugins & Tutorials with Demo
A portfolio template, with a filter that triggers the rotation of 3D sections.
CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.
Masonry Hybrid is a multi columns layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.
A customizable and responsive product builder for your online store.Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining different options. At the end of this process the user is generally given an action to perform: save the build, share it or buy the product directly.
A set of responsive Bootstrap Portfolio And Lightbox contains bootstrap portfolio gallery, bootstrap lightbox gallery, bootstrap carousel with thumbnails and also support YouTube videos, vimeo video, self hosted videos etc with new features.
- 18 Light-boxes
- 7 Colors Schemes
- 6 Slider Portfolios
- 18 Simple Portfolios
- Built With Bootstrap 3.x
- 3 Background Colors Schemes
- 2,3,4,5,6 columns grid portfolios
- 100% Responsive And Mobiles friendly
- YouTube, Vimeo and Self hosted Videos Support
TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.
A secondary content panel that folds flat, powered by CSS Transformations and jQuery.
3D fold effects are pretty popular nowadays, mostly because they have been integrated quite often in mobile apps. A beautiful example is the iOS Peek Calendar app. Thanks to CSS3 transformation and transitions, we can create a similar interaction in the browser!
This jQuery plugin helps users to select products for comparison. Where user needs to click on products to add them for comparison. It also contains preview panel of selected products for comparison.