3D Gallery · Carousel & Flow
Wheel Carousel
Cards fanned on a big Ferris-style wheel, stepping around with springy easing.
Example 1 · 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 2 · 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 3 · 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 4 · Anticipation
Winds back before each step
Anticipation winds the wheel back a touch before each step — a mechanical wind-up — turning counter-clockwise.
Example 5 · 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.
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.