sssurf
🌊 SVG wave generator

🌊 Make some waves with this free SVG wave generato and add them to your designs for some movement and feeling of flow, motion and dynamism.

Select gradient colors or a solid fill color, then tweak the settings for the number of repeating waves, spacing between the waves, number of undulations per wave and the max amplitude of the wave undulations.

Use the resulting SVG waves in your designs as backgrounds or separators.

If you need a PNG version of these generated wave shapes, you can use rrrasterize

🙌 This SVG generator is made possible thanks to the generative-utils library by George Francis as well as the SVG.js library.