Only the top slice of the circle is visible, so the cards curve past on a gentle crest rather than spinning on an obvious wheel. Drag with a pointer or a finger, throw it and let inertia carry it, step with the arrow buttons, or use the left and right arrow keys.
Without JavaScript, or before GSAP has loaded, the same markup renders as a horizontal scroll-snap row. Nothing is hidden and nothing collapses: the visitor keeps a working slider and simply misses the curve. The component also stands down from inertia and animated transitions when the visitor has asked for reduced motion.
The radius is set as a multiple of the container width, so the arc stays gentle on a phone instead of tightening into a wheel. Duration, radius multiplier and autoplay are data attributes on the root element, so they can be changed without touching code.