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.
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
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
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.
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
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
Maria
