image-gallery.kallossoft.co

Gallery
as Code

Six gallery patterns. Every technique documented. Grid, Masonry, Slider, Carousel, Lightbox, Slideshow.

01

Grid

Uniform columns, hover effects

CSS Grid
02

Masonry

Variable height, CSS columns

CSS Columns
03

Slider

Horizontal drag, momentum

GSAP Draggable
04

Carousel

Thumbnails + featured image

GSAP FLIP
05

Lightbox

Fullscreen overlay, keyboard nav

Portal + GSAP
06

Slideshow

Autoplay, clip-path wipe

GSAP Timeline