Ring Carousel (3D) pro

Cards arranged in a rotating drum. Auto-spins, drag to turn it, and it glides to a stop.

Customize

Demo card titles. One card per title (ignored when you pass children)

Demo card colours

Card width (px)

Card height (px)

Space between neighbouring cards (px)

Automatic spin speed (degrees per second). 0 = no autospin

Tilt the ring toward you or away (degrees)

How quickly it stops after a drag. Higher glides longer

Corner roundness (px)

import RingCarousel from './RingCarousel';

<RingCarousel />

Checking your access…

Dependencies: none