svelte-image-gallery

A Masonry-Like Image Container for Svelte that provides responsive image galleries out of the box, without requiring media queries or complex CSS grid configurations.

Key Features:

• Creates responsive masonry-style image grids automatically
• Supports click events to access image URLs
• Customizable parameters:
  • gap: Adjust spacing between images (default: 10px)
  • maxColumnWidth: Control column sizing (default: 250px)
  • hover: Enable hover effects (default: false)
  • loading: Set image loading behavior (default: "eager")

Target Audience:
Svelte developers looking for an easy-to-implement, responsive image gallery solution with masonry-like layout capabilities.

Example Usage:

<Gallery on:click={handleClick}>
  <img src="..." />
  <img src="..." />
</Gallery>

See Live Example on REPL