Motion Gallery · 3D & Perspective
Parallax Totem
Totem Wall with seeded depth, size and position jitter — a floating parallax field.
Example 1 · Scroll choreography
Scroll to play — reveal & dissolve
A full scroll choreography. Motion → Scroll-scrub with Pin on, so YOUR scroll drives the motion — not a timer. Paired with Entrance (Style tab): as the gallery pins to the screen the cards fade in one by one, it animates as you scroll, then they dissolve one by one on the way out.
Example 2 · Entrance + pause on hover
Floating depth field, pause on hover
Totems scattered into a floating depth field — Scatter, Size Variance and Parallax Depth all raised so near cards drift faster than far ones. The whole field zooms in on load; Motion → On Hover is Pause. Click a card to open the lightbox.
Example 3 · Clean grid
Everything at zero — a tidy grid
Scatter, Size Variance and Parallax Depth all at 0 collapse the field back into a clean, even grid of totems moving together on one plane.
Example 4 · Loose scatter
A loose, mixed scatter
Maximum Scatter jitters every card off its slot and a high Size Variance mixes big and small — a loose, organic pile with only a little parallax.
Example 5 · Deep parallax
Strong depth parallax
Parallax Depth at 100 pushes the cards far apart in depth and drifts the near ones much faster than the far ones — a strong 3D parallax on a tight concave curl.
Example 6 · Convex & ratio
Portrait cards on convex totems
Portrait 3:4 cards on convex totems (Curvature +120 bulges them toward you) with a moderate scatter and rounder corners. Click a card to open it full-size. Plus Stage Overflow = Spill, so the fanned cards show in full beyond the stage box — and the gallery sits at Z-Index −1 (Advanced → Position: Relative) behind this heading, so the title stays clean in front of the overflow.
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.