Flowing Waves creates a liquid, metallic background with broad distortions and silver highlights. It suits an atmospheric hero or a motion study behind a short headline. Scale controls the size of the waves, flow distortion changes their shape, and highlight intensity sets the brightest areas. Center dimming can create a quieter area for an overlay. Speed / direction can reverse the motion; the four colour controls replace the default ink, graphite, silver and white palette.
How this shader works
Flowing Waves creates a liquid, metallic background with broad distortions and silver highlights. It suits an atmospheric hero or a motion study behind a short headline. Scale controls the size of the waves, Flow distortion changes their shape and Highlight intensity sets the brightest areas. Center dimming darkens the middle to create a quieter area for text.
Tips
- Raise Center dimming when a headline sits in the middle of the canvas.
- Negative Speed / direction values reverse the motion.
- Lower Highlight intensity for a softer, satin look.
- Replace Ink, Graphite, Silver and White with your own four colours.
Questions
How do I make a liquid metal wave background?
Open Flowing Waves, set Scale and Flow distortion, and use Center dimming to keep the middle readable. Export it as an HTML file, a React or Svelte component or an MP4 video.
Can I reverse the direction of the waves?
Yes. Set Speed / direction to a negative value.
Preview and customize in the browser. Exports require membership.