Motion Gallery · Carousel & Flow
Cover Flow
The classic album cover flow — centre card facing you, neighbours tilted and receding. Horizontal or vertical.
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
Cover flow, pause on hover
The classic cover flow — centre card facing you, neighbours flipped away and receding. The whole flow zooms in on load; Motion → On Hover is Pause. Click a card to open the lightbox.
Example 3 · Vertical
Flowing vertically
The same cover flow set to Vertical orientation — the covers stack and flip up/down instead of left/right.
Example 4 · Flat focus
Side cards laid flat
Side Tilt 0 lays the neighbouring cards flat instead of flipping them away — a flat focus carousel with a single forward hero.
Example 5 · Steep flip
Steep album flip
A steep Side Tilt (80°) flips the neighbours hard away from you — the dramatic, near-edge-on album-flip look, with a wider gap.
Example 6 · Ratio & corners
Portrait covers, soft corners
Portrait 3:4 covers (the default is square) with rounded 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.