Skip to content

component

Orbit Media Carousel

By Nostromo Studio

Details

Summary

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

Description

🚀 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 Orbit Media Carousel 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 Configuring Orbit Media Carousel How to Set Up Drag Orbit Media Carousel onto your canvas Add your media (images/videos) or connect CMS variables Adjust orbit layout and styling Configure motion (autoplay, scroll, drag) 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 hellonostromostudio@gmail.com before completing your purchase. I’m happy to help. Enjoy!

Introduction

Circular Media Carousel with CMS Support

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400159968/148/228/309/79/15
  • All · #3827