Image grid gallery
Six images in a regular grid under a centered heading. Portfolio, product shots or venue photos.
gallery/grid/default
Image gallery section templates
Visual proof for portfolios, products and venues: regular grids, masonry rhythms, featured-image layouts and filmstrips.
9 variants · neutral wireframe · ready to reskin with your design tokens
Image grid galleryMasonry galleryFeatured image galleryImage filmstripCaptioned gallery gridTwo large imagesMosaic collageGallery split with copySingle image showcase
Masonry gallery
Six images in three columns with alternating aspect ratios for an editorial rhythm.
gallery/grid/masonry
Featured image gallery
One large 16:9 image with a row of four thumbnails beneath, plus a caption line. Hero shot with supporting visuals.
gallery/featured/featured
Image filmstrip
Heading and link on top, four square images in a row (horizontal rail on mobile). Compact visual proof strip.
gallery/strip/filmstrip
Captioned gallery grid
Six images with caption and meta line under each. The serious portfolio grid with context per piece.
gallery/grid/with-captions
Two large images
Two wide 16:9 images side by side with caption and meta. Big visual statements, editorial pacing.
gallery/grid/two-up
Mosaic collage
One large image beside two stacked squares. Asymmetric rhythm without the full masonry treatment.
gallery/mosaic/collage
Gallery split with copy
Pitch and CTA left, compact 2 by 2 image grid right. Visual proof that supports an argument.
gallery/split/with-text
Single image showcase
Heading then one large 16:9 image with a small caption. Maximum weight on a single visual.
gallery/centered/showcase
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a gallery section to my landing page"
Your coding agent can search and pull these sections directly. How it works.