Svelte Image Galleries

Description

This package is a performant image gallery

Installation

Install the package using npm:

npm install your-package-name

usage example

<script lang="ts">
	import Bubbles from 'svelte-image-galleries';

	const numberOfImages = 200;

	let imageSources: string[] = new Array(numberOfImages)
		.fill(0)
		.map((_, i) => `https://picsum.photos/200/200?random=${i}`);
	let mode = 'bounce';
</script>

<Bubbles {imageSources} range={200} radius={100} borderRadius={10} mode="bounce" />

Live Demo

https://svelte-image-galleries.pages.dev