component
Wheel Carousel
By Maria

Details
- MariaAuthor
- componentType
- $5.00Price
- 2026-07-28Published
- 2026-07-30Updated
- 2026-07-28Added
- CarouselsCategories
Summary
Wheel Carousel turns a simple list into a piece of motion design.
Description
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
Introduction
A cinematic, rotating-wheel picker
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #219