Motion Gallery · Carousel & Flow
Wheel Carousel
Cards fanned on a big Ferris-style wheel, stepping around with springy easing.
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
Ferris wheel, pause on hover
The default — cards fanned on a big wheel (the hub sits below the frame), stepping around. The whole wheel zooms in on load; Motion → On Hover is Pause. Click a card to open the lightbox.
Example 3 · Big wheel
A gentle, wide fan
A larger Wheel Size (140%) flattens the arc into a gentle, wide fan of cards across the top of the frame.
Example 4 · Springy step
Bouncy, overshooting step
Overshoot makes each step sail past the card then spring back, and Hold pauses on each one — a bouncy, mechanical stop.
Example 5 · Anticipation
Winds back before each step
Anticipation winds the wheel back a touch before each step — a mechanical wind-up — turning counter-clockwise.
Example 6 · Ratio & size
Landscape cards, bigger
Bigger landscape 4:3 cards (the default is square) with rounded corners on the wheel. Click a card to open it full-size.
Example 7 · Stage Overflow (Spill)
The whole wheel, uncut
Same wheel as Example 1, but Frame → Stage Overflow is set to Spill — so the cards fan out in full past the stage frame instead of the Stage Height box clipping their edges. No need to over-size the height to fit the wheel. (Spilled cards sit outside the reserved height, so this band leaves extra room around it.). 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.