Tailwind CSS Gallery

Use Tailwind CSS gallery component with a different grid layout. To display multiple images in different styles using Tailwind CSS flex and grid classes.

Documentation Get figma file Switch to Old UI

Gallery section with transform image

These tailwind CSS Gallery section used to heading and transform image layout with slider.

Gallery section with lightbox image

These tailwind CSS Gallery section used to heading and navigation image for slider.

Gallery section with grid layout

These tailwind CSS Gallery section used to heading and grid layout image with Lightbox.

Gallery section with pagination

These tailwind CSS Gallery section used to pagination as a slider and lightbox image layout.

Gallery section image with lightbox

These tailwind CSS Gallery section used to heading, image layout with slider and lightbox.

Gallery section with overlay image

These tailwind CSS Gallery section used to slider with image overlay.

Gallery section with grid and overlay effect

These tailwind CSS Gallery section used to grid style and overlay effect.

Gallery section with autoplay slider

These tailwind CSS Gallery section used to heading and autoplay slider.

Gallery section with overlay effect

These tailwind CSS Gallery section used to heading, paragraph and grid layout with overlay image.