About Orbit Media Carousel

About This Component

Orbit Media Carousel lets you create dynamic, circular media layouts where images and videos move along a customizable orbit.

You can combine autoplay, scroll-driven motion, and drag interactions to create immersive and interactive experiences. The component supports both static content and CMS variables, making it easy to build dynamic, data-driven layouts.

With advanced controls over orbit shape, motion behavior, and media styling, you can go far beyond a simple circular carousel and create unique compositions tailored to your design.

Demo Preview

Key Features

Content

Add images and videos manually (note: using multiple videos may impact performance)
Enable CMS Mode to connect images via CMS variables

Media & Styling

Control maximum media width
Choose between fixed ratio or original media ratio
Adjust opacity, border radius, and fill
Choose between cover or contain fit modes

Orbit Layout

Adjust orbit width (in %) inside the component
Control orbit ratio to create ellipses or stretched shapes
Modify orbit angle for more dynamic layouts

Autoplay & Direction

Change rotation direction
Enable autoplay with adjustable speed
Pause on hover
Set delay before autoplay resumes

Scroll Interaction

Enable or disable scroll-based navigation
Choose scroll target:
- Follow global page scroll
- Trigger only when scrolling over the component
Optionally lock page scroll to focus interaction on the component
Adjust scroll sensitivity