This app provides a foundation for building filterable image galleries with masonry layouts and smooth animations. Perfect for portfolio websites, photography showcases, and product catalogs.

Visitors can filter images by category with instant visual feedback, while the masonry grid automatically repositions items with elegant transitions. The layout adapts beautifully across all devices.

Customization

The app is built using Bootstrap 5, vanilla JavaScript, and the Muuri layout library. Our demo showcases a photo gallery with different image categories but the filtering system can be easily adapted for many other uses.

The app is not limited to images - Muuri can be configured to work with any HTML elements. Categories are managed through regular class attributes - the library handles all layout calculations automatically. It also supports sorting elements and more complex filtering.

Get started

Download the .bsdesign file from the button above, and open it in Bootstrap Studio to customize the gallery. Using our powerful visual editor you can modify the grid content, adjust the layout and add your own styles in no time.