Ripple Swap
Each picture gives way to the next through a rippling ring.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- duration
- distortion
- ripple
- waveWidth
What it does
Ripple Swap is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called ring wave image swap, water ripple gallery or refraction slideshow.
A pinned stage shows one project per screen of scroll. The next picture spreads from the centre in a refracting ring that warps the image, titles clear from a blur word by word, and the cursor leaves water ripples. Reduced motion keeps a plain list.
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.