🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Diamond Grid

Diamond shaped image gallery in CSS

Copy: View demo


All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

The Diamond Grid component is used to display 4 images in a diamond-shaped image gallery.

To use the component, replace the image source files. The images' aspect ratio doesn't need to be 1:1 (although it would be ideal).

✅ Project duplicated

✅ Project created

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