SVG Wave Generator
Generate an SVG wave background from two colors, height, curve, reverse, and layer count, with file download.
How to use
- Adjust the two colors, wave height, curve, reverse setting, and layers.
Capabilities and scope
createWaveSvg uses wavePath to build one or more layered paths and exposes the same SVG source for preview, copy, and download.
How it works
The selected values build an SVG viewBox and curved paths; a Blob is downloaded as murelio-wave.svg.
Example
Two layers with two colors create overlapping curved background bands.
Useful for
- Create landing-section dividers or decorative background assets quickly
Before you use it
- This is not a full vector editor and does not expose arbitrary path control points or optimization.
Frequently asked questions
Can I download the SVG file?
Yes. The current SVG is saved from an image/svg+xml Blob as murelio-wave.svg.