Orbit Media Carousel

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

🚀 DISCOVER MORE EXAMPLES

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

Drag Interaction

• Enable or disable drag

• Adjust drag sensitivity

Hover Scale

• Enable or disable hover scale

• Adjust max scale and range

Visual Effects

• Enable vignette effect for a more immersive look

• Customize background color behind the component

How to Set Up

1. Drag Orbit Media Carousel onto your canvas

2. Add your media (images/videos) or connect CMS variables

3. Adjust orbit layout and styling

4. Configure motion (autoplay, scroll, drag)

5. Publish

Refund Policy

All sales of digital products are final and non-refundable.

If you have any questions about the product, please contact me at [email protected] before completing your purchase. I’m happy to help.

Enjoy!