Grids and Galleries

Responsive grids and galleries arrange repeated content in flexible columns and rows, from posts, services and team members to portfolios, photo galleries and product collections. Use grids for card-based content layouts, while galleries put images and videos at the center with overlays and captions placed directly on the media.

Add items manually or load posts, products and other content dynamically from Joomla, WordPress or WooCommerce. Grid cards can combine titles, meta information, content, icons and links with images, videos and optional hover media. Galleries support the same content fields but use media-first layouts to create image and video galleries and visual portfolios.

Reveal a different image or video on hover to show more details, or open images and videos in a lightbox gallery with additional information shown as captions. Assign tags to your items to create filterable grids and galleries with smooth animated transitions. Galleries can also mix portrait and landscape images while preserving their original proportions.

You have precise control over the responsive layout. Choose the number of columns at each breakpoint, let columns adapt automatically to the available width, and adjust column and row gaps separately. Center incomplete rows, align items of different heights or use a masonry grid to arrange uneven content in compact, gap-free columns.

For more dynamic layouts, add scroll-based parallax to move columns at different speeds. Uneven masonry columns can also shift gradually as users scroll until they align at the bottom.

Together, grids and galleries give you flexible layouts for everything from structured card grids, filterable image galleries and dynamic masonry layouts.

• 

  Grid

• 

  Gallery