Skip to content

component

Wheel Carousel

By Maria

Details

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.

11012012198/148/198/248/299/4
  • All · #219