Orbit Carousel is an infinite, circular photo gallery with a motion signature you won't find in another carousel: the ring of cards holds open, then contracts into a tight cluster and blooms back out in one quick, cubic-eased pulse — then keeps orbiting, forever. It's a flat, editorial take on the rotating gallery: identical upright cards on a perfect circle, no 3D cylinder, no drag gimmicks, just calm, deliberate, looping motion that makes a hero section feel alive.
Drop it into Framer, connect your photos, and it's moving in under a minute — every detail tunable from the properties panel, no code required.
Core Features
Infinite orbital motion with adjustable speed and clockwise or counter-clockwise direction, so the loop matches your layout's flow.
The cluster-and-bloom pulse: control how tightly the ring breathes, how often, and how snappy the move is — from a slow ambient swell to a crisp, rhythmic beat.
Two ways to add images: drag connector dots straight to photos or frames on your canvas, or pick files in the Images list. Fewer images than cards? They cycle automatically.
Identical, perfectly even cards: set one width and one height and every card follows — clean rings, no ragged collages.
Organic drift and stagger controls add subtle per-card life, with a hover-lift micro-interaction and an optional pause-on-hover.
Fully responsive by design: resize the frame from 400px to full-bleed and the entire composition — cards, ring, shadows — scales proportionally.
Styled placeholders out of the box, so the component looks designed before you've connected a single photo.
Perfect For
Hero sections that need ambient motion without stealing focus; photographer and studio portfolios; wedding, travel, and event galleries; brand "moments" walls; product and lookbook showcases; agency landing pages that want one unmistakable signature animation.
Customization Options
Everything lives in the properties panel: orbit speed and direction, breathing depth, tempo, snap (how quick the pulse moves), drift intensity, per-card stagger, card count (4–20), ring radius, card width and height, corner rounding, shadow, padding with per-side control, and background color. One component, endless looks — from a gentle six-card halo to a dense twenty-card storm.
Use Cases
A photographer's homepage where the work literally revolves around the headline. A wedding site where memories pulse gently behind the couple's names. A travel brand's hero where destinations orbit a CTA. A product page where every angle of the item circles the buy button. A studio's about page where team photos breathe in and out of a cluster.
Benefits
Ambient, looping motion holds attention the way static grids can't — and because the orbit frames whatever sits at its center, it naturally spotlights your headline or CTA. The identical-card geometry keeps the result clean and intentional at any size, so one component delivers the kind of signature hero animation that usually takes a motion designer days to hand-build.
Performance
Built to Framer's marketplace engineering standards. Animation runs through a single GPU-accelerated transform loop, fully suspends during static canvas and export rendering (so the editor stays fast), cleans up completely on unmount, and respects visitors' reduced-motion preferences. No layout shift, no per-frame re-renders, no drag on the rest of your page.
Why It Stands Out
The Carousels category is full of 3D cylinders that spin when you drag them. Orbit Carousel is deliberately different: a flat, minimalist, editorial ring whose breathing pulse gives it a heartbeat instead of a gimmick. If you've seen this motion in premium video templates, this is the version that runs live on your site — responsive, customizable, and yours in one paste.
XiaDesign Studio
