Handitab

SVG Wave Generator

Generate a smooth SVG wave for a section divider: set the number of peaks, height, and color, flip it, then copy or download the code.

About SVG Wave Generator

An SVG wave is a curved shape placed between two page sections in place of a straight edge. This generator spreads points across a 1440 by 320 viewBox, alternates them above and below a midline with some random variation, and joins them with a smooth spline. The path is closed along the bottom edge, or the top edge when flipped. With preserveAspectRatio set to none, the wave stretches to the full width of its container.

How to use SVG Wave Generator

  1. Fill in "Peaks", "Wave height", "Fill color" and "Flip upside down".
  2. The result appears below. Press "New wave" for a new one.
  3. Copy the result with the copy button, or download it as a file where that is offered.

Questions about SVG Wave Generator

How do I make the wave span the full page width?

Give the svg element width: 100% and a fixed height in CSS, and keep preserveAspectRatio="none" so it stretches. Set display: block to remove the small gap that inline elements leave underneath.

Runs in your browser. Page last updated .

More image tools

All 73 image tools
Text to Image ConverterTurn text, a quote, or an emoji into an image with your choice of size, font, text color, and background, then download it as PNG, JPG, or WebP.Transparent Background MakerMake one solid color in an image transparent, such as the white background behind a logo, set the tolerance, and download a transparent PNG.Transparent QR Code GeneratorGenerate a QR code with a transparent background from a link or text and download it as a PNG to place over your own design or color.UPC Barcode GeneratorGenerate a UPC-A barcode from 11 or 12 digits, with the check digit calculated or verified automatically, and download it as a PNG image.Vignette EffectDarken the edges of a photo with a vignette so attention falls on the center, set its strength and size, and download the finished image.WiFi QR Code GeneratorGenerate a WiFi QR code from your network name and password so guests can join by scanning it, with the details never leaving your browser.