CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →


Progress value is 30%


Gallery with elements laid out in optimal position based on available vertical space.

Copy: View demo


All components are built upon the CodyHouse Framework.

How To

The Masonry component can be used to create a gallery where items are automatically arraged based on available vertical spacing.

You can set a minimum width for the items in your grid using the --masonry-col-auto-size CSS variable; this will automatically determine the number of columns in your grid (no CSS media queries required).

The --masonry-grid-gap CSS custom property is used to set the grid gap. 

🌅 Demo images:


  • ✅ Removed unnecessary style
    🗓 November 11, 2019
  • ✅ Component created
    🗓 September 05, 2019

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us