3D Gallery · Stack & Scatter
Photo Scatter
Photos scattered flat on a tabletop, gliding in from the edges and sweeping out.
Example 1 · Entrance + auto-cycle
Scattered on a table, cycling
Photos strewn across a table at random tilts. Set to cycle Automatically — one set rests, then the next sweeps in — pausing on hover. The whole scatter fades in on load. Click a photo to open the lightbox.
Example 2 · Dense pile
An edge-to-edge pile
Many more photos at once (Cards per Set 30) filling the stage edge to edge (Spread 100%) on smaller cards — a dense, cinematic pile.
Example 3 · Straight & tidy
No tilt, same size
Rotation and Size Variance at 0 lay every photo straight and identical — a calm, orderly scatter instead of a tossed pile.
Example 4 · Loose & varied
Loose tilt, mixed sizes
A wide Rotation Range and high Size Variance throw the photos at varied angles and sizes — the most hand-tossed look, gathered toward the middle.
Example 5 · Ratio & size
Portrait photos, bigger
Bigger portrait 4:5 photos with rounded corners. Click a photo to open it full-size.
Docs & Playground
Tweak every option live
Play with all of these settings in real time and read the full option reference in the manual.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.