Examples

Live examples are published alongside the docs. Source files are in the examples/ directory of the repository.

Loader Examples

Example	Description
Static URLs Shorthand	Simplest setup: pass a direct array of image URLs
Static Image Cloud	Load images from static URLs using the static loader
Static JSON Source	Fetch image URLs from a JSON endpoint
Google Drive Cloud	Load images from a public Google Drive folder

Customization Examples

Example	Description
Layout Algorithms Demo	Compare grid, spiral, cluster, wave, honeycomb, radial, and random side by side
Entry Animations Demo	Compare different image entry animation styles
Per-Container Keyboard Navigation	Keyboard navigation enabled vs disabled per container
Image Style Demo	Borders, shadows, filters, and hover/focus effects
Detailed Style Examples	In-depth examples for each styling property
Hooks Example	Real-world hook UI: filename label on hover, description card on focus, loading progress bar, layout chip, and ready toast
API Hooks	All on callbacks logged in real time: state change, loading lifecycle, entry animation, layout, and onBeforeImageLoad URL transform

Code Examples

Example	Description
Auto-Init Example	Zero-JS setup using data-image-cloud and data-config attributes
ESM Module Example	Using the library as an ES module
CDN/UMD Example	Using the library via CDN script tag
Iframe Embed	Cloud embedded inside an iframe