---
title: "Orbit Media Carousel — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nostromo Studio · Carousels. Orbit Media Carousel lets you create dynamic, circular media layouts where images and videos move along a customizable orbit."
canonical: "https://framer.elliotli.dev/component/orbit-media-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Orbit Media Carousel

# Orbit Media Carousel

Circular Media Carousel with CMS Support

[View on Framer](https://framer.com/marketplace/components/orbit-media-carousel/?via=elliot-li)

![Orbit Media Carousel preview image 1](https://framer.elliotli.dev/og/component/orbit-media-carousel/6e28bd8a2cb671ce/1600x1200.jpg)

## Summary

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

## Description

🚀 [**DISCOVER MORE EXAMPLES**](https://orbitcarousel-component.framer.website/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](https://orbitcarousel-component.framer.website/examples)

[![Orbit Media Carousel](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-i1rrc500-aF19W1SrscdjRhk5kYowBwiSDgnHab)](https://orbitcarousel-component.framer.website/examples)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](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-i1rrc500-9SC3OocHxVa4M6F1LRyKvskqy8LzWQ)Configuring Orbit Media Carousel

## 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 [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before completing your purchase. I’m happy to help.

Enjoy!

## Rank history [How rankings work →](/terms#rankings)

-   All · #6010

## Details

- **Author**: Nostromo Studio
- **Price**: $10.00
- **Published**: 2026-06-01
- **Updated**: 2026-06-08
- **Added**: 2026-05-19
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow