Shelf Flow
A row of covers that fans open as you flick it.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- turn
- spread
- depth
- reflection
- loop
- autoplay
What it does
Shelf Flow is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called coverflow, cover flow or 3d slider.
The centre card faces you while its neighbours turn away into the dark. Drag, flick or scroll sideways and the row fans wider with speed, then closes softly on the next card. Arrow keys work, and vertical page scroll is never taken.
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.