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.
Add images and videos manually (note: using multiple videos may impact performance)
Enable CMS Mode to connect images via CMS variables
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
Adjust orbit width (in %) inside the component
Control orbit ratio to create ellipses or stretched shapes
Modify orbit angle for more dynamic layouts
Change rotation direction
Enable autoplay with adjustable speed
Pause on hover
Set delay before autoplay resumes
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
Enable or disable drag
Adjust drag sensitivity
Enable or disable hover scale
Adjust max scale and range
Enable vignette effect for a more immersive look
Customize background color behind the component
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
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!