Image Motion

Drop in your images, pick a motion — a spinning ring, a card tunnel, an isometric deck — tune it, and copy a prompt that rebuilds the animated showcase in code with @react-spring/web.

How it works

Drop in your images, pick a motion, and copy the prompt that rebuilds it.

Drop in your images, pick a looping 3D motion — ring, tunnel, isometric deck — tune it, and copy a React + @react-spring/web component that rebuilds it.

The rest of the toolkit

Other tools

Text Animations
Spring-based text animation presets you can copy as a prompt.
Custom Cursors
Design a custom cursor — static SVG or live JS effect — and copy it as a prompt.
ASCII Studio
Turn a photo or video into shader-based ASCII art, then copy it as a prompt.
Particle Forms
Scatter a mesh into points and give the cloud behaviour.
Image Compressor
Compress and convert images to WebP, AVIF, JPEG — 100% in your browser.
Holographic Cloth
A floating sheet of holographic foil you can grab, poke and tune.
SVG to 3D
Drop an SVG, get an extruded, bevelled mesh you can light.
Refract
See any image through procedural obscure glass — fluted to frosted.
Liquid Colour
29 colour styles and 350+ looks — tune one live and take it with you.
Orb Studio
Tune a voice-reactive WebGL orb, then copy the prompt that ships it.
Dither Art
Dithered generative art — 51 effects, 27 post effects, copy it as a prompt.
Shader Backgrounds
Apply our shader presets to anything and tune them live.