Intermediate
Responsive Images
Generating multiple image sizes and formats at build time with @11ty/eleventy-img.
Tag: images
4 demos tagged “images”.
Intermediate
Multi-format Images
Letting the browser pick between AVIF, WebP, and JPEG with a single <picture> element.
Intermediate
Image Gallery
A responsive image grid sourced from the Pexels API, processed at build time with @11ty/eleventy-img.
Beginner
Masonry Gallery
A Pinterest-style masonry layout using plain CSS multi-column layout — no JavaScript, no masonry library.