Ring Carousel
Cards stand on a turning ring you spin with a flick.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- gap
- inertia
- tilt
- autoRotate
- frontLift
- shade
- flipOnClick
- wheel
What it does
Ring Carousel is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called 3d carousel, cylinder carousel or radial slider.
Cards stand around a 3D ring, the front one stepping forward in the light while the far side dims. Drag or flick it and the ring keeps turning, then settles on a card. Arrow keys and focus turn it too, and links inside still work.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.