Lightbox
Falcon tailwind uses GLightbox for lightbox. Glightbox is a pure javascript lightbox. It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self hosted videos.
GLightbox DocumentationGallery
<div class="row -mx-1">
<div class="col-6 p-1">
<a class="post1" href="../../../assets/img/generic/4.jpg" data-gallery="gallery-1">
<img class="rounded-sm" src="../../../assets/img/generic/4.jpg" alt="" />
</a>
</div>
<div class="col-6 p-1">
<a class="post1" href="../../../assets/img/generic/5.jpg" data-gallery="gallery-1">
<img class="rounded-sm" src="../../../assets/img/generic/5.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../../../assets/img/gallery/4.jpg" data-gallery="gallery-1">
<img class="rounded-sm" src="../../../assets/img/gallery/4.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../../../assets/img/gallery/5.jpg" data-gallery="gallery-1">
<img class="rounded-sm" src="../../../assets/img/gallery/5.jpg" alt="" />
</a>
</div>
<div class="col-4 p-1">
<a class="post1" href="../../../assets/img/gallery/3.jpg" data-gallery="gallery-1">
<img class="rounded-sm" src="../../../assets/img/gallery/3.jpg" alt="" />
</a>
</div>
</div>Simple Image
<a href="../../../assets/img/generic/11.jpg" data-gallery="gallery-2">
<img class="rounded-sm" src="../../../assets/img/generic/11.jpg" alt="" width="300" />
</a>Stylesheet
<link href="vendors/glightbox/glightbox.min.css" rel="stylesheet" />Javascript
<script src="vendors/glightbox/glightbox.min.js"></script>
