SVG Wave Generator
FREE DESIGN RESOURCE NO ACCOUNT REQUIRED
Make some waves.
Make your own custom section dividers. Generate a shape, drag its points, see it on a real page, and export the exact SVG.
New to waves? Start here
- Pick a shape and adjust the color.
- Use Randomize for a new variation.
- Preview it on a website or turn on Edit points to refine it.
- Download SVG for your site, or open Advanced exports for PNG and code.
When you use Wave Studio inside SenceTools, the workspace toolbar above also saves editable projects and shares assets.
LIVE PREVIEWSmooth · 7 points
Select a point to edit its curve.Drag points, or use arrow keys (Shift = larger steps). Smooth waves include adjustable curve handles.
Example layout only — the actual download contains just your transparent SVG wave, not the sample website.
Transparent background • One editable wave path
Like this shape? It's ready for your next website. New random shapes preserve your current settings.
Advanced controls & exports⌄
Generated SVG source