Skip to content

component

Orbit Carousel 3D

By Denys Kuznietsov

Details

Summary

Drag to spin a 3D gallery

Description

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

Introduction

Drag to spin a 3D gallery

Rank history

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

12515017519338/148/228/309/79/15
  • All · #926