About the iPhone 13 Gradient Generator

Free online SVG gradient wave generator, maker for free cool background waves for your next web design project.

Create unique cool wave background and wave-like shapes for your landing page design,social media posts, and presentations.

How to use the wave generator?

Pick a size template, and customize the number of lines, grain, the main color tone, and randomize. MagicPattern will generate a unique background!

Then simple download (or copy to clipboard) the SVG wave and put into your favorite design tool or your HTML code directly!

What kind of waves does it support?

MagicPattern generates two kind of waves. SVG line waves and SVG solid gradient waves.

Imoprt your favorite color palette, pick for your saved color palettes, or apply a random color palette from our own directory to generate wavy backgrounds, like those at Stripe.com