Arc Flow Carousel

Show Preview
Arc Flow Carousel
Arc Flow Carousel

About Arc Flow Carousel

Image cards arranged along a wide arc. Drag or flick to spin them; cards further from the one you grab follow with a slight lag. Also works with the trackpad or mouse wheel and the arrow keys.

Key features:

  • Drag and flick with adjustable momentum

  • Optional snap to the nearest card

  • Wheel control: horizontal only, both directions, or off

  • Arrow keys when focused

  • Optional slow auto-rotation that pauses on hover

  • Hover captions (title and description), can be turned off

  • Adjustable arc radius, arc position, card size, aspect ratio, overlap and corner radius

  • Up to 20 items; the cards repeat endlessly

  • Items without an image show a gradient or solid placeholder

  • Pauses off-screen; reduced motion removes the lag, the fling and the auto-rotation

How to use:

  1. Drop it into a frame; it fills the frame.

  2. Add images, titles and descriptions in Items.

  3. Tune the arc and card size.

  4. Choose wheel behaviour and snap.

From Hyperiux Vault

Ellipse Carousel
Zoom Slider
Dimensional Switch
Hyperiux Strip Slide

Related Components

Waveflow Carousel
Swwwipe
Orbit 360 Image
SVG Component