Media
Gallery
Grid, masonry, justified, carousel and more, with a lightbox.
Live demo
See it in action
The markup
Clean, lean code
This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.
<section>
<div class="fw-container">
<div class="fw-row">
<div class="fw-col-12">
<div class="fw-gallery gal-08291730 design-grid">
<div class="fw-gallery__grid" style="--gal-cols:3;--gal-cols-t:2;--gal-cols-m:1;--gal-gap:var(--gap-3, 1rem);--gal-ratio:4 / 3;">
<figure class="fw-gallery__item">
<a class="fw-gallery__media rounded fw-gallery--zoom" href="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-8ba4cd51097a.jpg" data-fw-lightbox="fw-gal-1"><img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-8ba4cd51097a.jpg" alt="UnysonPlus demo image" loading="lazy" decoding="async" class="fw-gallery__img" width="640" height="480" sizes="(max-width: 640px) 100vw, 640px" /></a>
</figure>
<figure class="fw-gallery__item">
<a class="fw-gallery__media rounded fw-gallery--zoom" href="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-5399afe9bb21.jpg" data-fw-lightbox="fw-gal-1"><img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-5399afe9bb21.jpg" alt="UnysonPlus demo image" loading="lazy" decoding="async" class="fw-gallery__img" width="640" height="480" sizes="(max-width: 640px) 100vw, 640px" /></a>
</figure>
<figure class="fw-gallery__item">
<a class="fw-gallery__media rounded fw-gallery--zoom" href="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-1d1c476eb07f.jpg" data-fw-lightbox="fw-gal-1"><img src="https://demos.unysonplus.com/wp-content/uploads/2026/06/demo-1d1c476eb07f.jpg" alt="UnysonPlus demo image" loading="lazy" decoding="async" class="fw-gallery__img" width="640" height="480" sizes="(max-width: 640px) 100vw, 640px" /></a>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>To learn more about the Gallery shortcode, please check out the online manual here.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.