Orbit Carousel 3D

Show Preview
Orbit Carousel 3D

About Orbit Carousel 3D

Orbit Carousel — a 3D photo carousel for Framer. A tilted ring of portrait cards turns slowly on its own; visitors can grab, spin and flick it, and the ring keeps gliding before settling back to a calm drift. Cards are curved around the ring, so it stays round from any angle, with real depth — back cards peek out smaller and dimmed.

Great for portfolios, photography, galleries, archival collections and hero sections that need subtle motion.

Live preview

Features

• Spins on its own — a slow idle rotation keeps the section alive with zero input.

• Real flywheel feel — drag or swipe to spin; a flick hands your speed to the wheel and momentum bleeds off over a few seconds. Grab it again to stop instantly.

• Mouse rocking — the composition sways as the cursor moves, and calms when it rests.

• Cinematic intro — cards fly into their slots on load, waiting for photos to decode so none appear empty.

• Never fights your page — ignores mouse wheel and scroll; vertical swipes still scroll, only a horizontal drag turns the wheel.

• Lightweight — zero dependencies, one component, honors reduced-motion.

Controls

• Photos — up to 15 (portrait looks best). Under 12 repeat around the ring; none shows placeholder cards.

• Corner Radius — card rounding (0–40 px).

• Clip — crop at the edges, or let cards float outside for more depth.

• Camera Zoom / Shift — frame the shot without distorting the 3D pose.

• Auto Spin — drift speed (0 = still until spun by hand).

• Rocking — sway strength (0–2).

How to use

Drop it on the canvas, add up to 15 portrait photos, frame with the Camera controls, tune Motion, publish.

Good to know

• Photos aren't clickable links yet.

• No CMS — photos are added in the property panel.

• Ring geometry (size, count, tilt, radius) is fixed and tuned; frame it with the Camera.

• Mouse rocking is desktop-only; auto-spin keeps touch alive.

Support

Questions or bugs? kd.des.gn@gmail.com