Wheel Carousel

Wheel Carousel turns a simple list into a piece of motion design. Labels curve around an invisible drum and sweep past a fixed marker as visitors scroll or drag — the selected item locks upright while the rest arc away and fade into the background, with a portrait photo crossfading in to match whatever's selected.

It's built for portfolios, project indexes, city/location pickers, menus, or any list where you want scrolling itself to feel like an interaction, not just a means to an end.

Every visual dimension is exposed as a property control: curve radius, label spacing, how many items stay visible, font, colors, marker style, drag and scroll sensitivity, snap and momentum behavior, and a built-in Light / Dark / Custom mode switch. No code editing required — just drop it in, add your items, and tune it in the panel.

Key Features

• Scroll- and drag-driven rotation with momentum and snap-to-item

• Infinite loop — the list wraps seamlessly in either direction

• Photo panel that crossfades to the selected item's image

• Light, Dark, and fully Custom color modes via one toggle

• Editable item list — add any number of rows, each with its own label and uploaded image

• Adjustable curve radius, label spacing, and visible item count for denser or sparser wheels

• Soft top/bottom edge fade — no hard cropping at the frame edges, at any size

• Centered, width-capped layout that holds up across canvas sizes

• Subtle fade-up entrance animation (optional)

• Fully responsive — supports any width and height

What Buyers Get

• The Wheel Carousel code component, ready to paste or duplicate into any Framer project

• Full property-control access — no code editing needed

• Support for unlimited items, each with custom label + image