Shape Shimmer Turn photos into funky wave animations
Seconds:
Animation Speed
X frequency
Y frequency
X amplitude
Y amplitude

About

Turn photos into oscillating wave animations! Just upload a picture, then drag the sliders to adjust the waves that are used to manipulate the image

You can control the sine wave frequency and amplitude in both X/Y directions. You can create a video export to save and/or share your animation afterwards.

This project was inspired by analog oscilloscope art. I've long been a fan of wavy liquid patterns, and wanted to try my hand at coding a digital version.

This tool is completely free, open source, without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.

If you found this tool useful, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!

Buy Me A Coffee

The code used to create the animation is quite resource-intensive, so it may run with some lag if your computer doesn't have enough computing power, too many tabs open, low battery, etc.

There are a few hotkeys which can speed up using the tool:

This project is coded using Javascript, HTML, and CSS (see github repo linked below). Video creation and encoding is done using mp4 muxer.

I do not have access to any of the images that you upload here, as all processing is done "client-side" (i.e., no images are saved or stored by me — they stay on your computer only).

Feel free to reach out to discuss, ask questions, or to share your creations! The animations can be easily uploaded to instagram or otherwise -- you can tag me @stereo.drift :)