chevron_right

SVG Squiggly Lines Generator

Generate squiggly wavy line SVG patterns with adjustable amplitude, wavelength, phase offsets, and alternating colors. Create fun retro backgrounds, dividers, and textures for free, no upload required.

Wave

Lines: 14

Amplitude: 16

Wavelength: 80

Phase offset: 30°

Stroke width: 4

Colors

Line color

Alternate line color

Show background

Background color

Output dimensions

Width (px)

Height (px)

Generated code

codeSVG

brushCSS

xml

css

Similar Tools

SVG Vortex Pattern Generator

Generate swirling SVG vortex patterns with twisted radial blades. Create hypnotic spiral graphics, whirlpool backgrounds, and kaleidoscopic illustrations for free, no upload required.

SVG Zigzag Pattern Generator

Generate SVG zigzag and chevron patterns with custom amplitude, wavelength, row spacing, and stroke width. Great for retro textiles, bold backgrounds, and geometric overlays.

SVG Line Pattern Generator

Generate clean SVG line patterns with custom angle, spacing, thickness, and color. Perfect for backgrounds, hatching textures, stripes, and decorative overlays.

SVG Perspective Grid Generator

Generate one-point perspective grid SVGs with a customizable vanishing point. Create depth backgrounds, retrofuturistic scenes, and illustration overlays for free, no upload required.

Extract PDF Pages

Extract specific pages from a PDF file.

JSON Viewer

Visualize JSON data in an expandable tree.

Convert TIFF to JPG

Convert TIFF/TIF images to JPG. Handles LZW, PackBits, and uncompressed TIFFs in your browser.

apps

More Tools

Browse our full collection of free online tools.

SVG Squiggly Lines Generator

Generate stacked wavy lines as scalable SVG in seconds. Perfect for playful website backgrounds, magazine-style dividers, funky text underlines, and retro-inspired poster art.

What it does

Draws a set of sine-wave lines stacked vertically, each optionally offset in phase so the pattern flows organically rather than forming parallel waves. You control line count, amplitude, wavelength, phase step between lines, stroke thickness, and colors.

Features

Adjustable line count, amplitude, and wavelength
Per-line phase offset slider for flowing organic rhythms
Single or alternating two-color stroke
Stroke width control
Flexible width and height
Transparent or solid background
Clean, infinitely scalable SVG output

How to use

Set how many wavy lines you want.
Tune amplitude and wavelength for the wave feel.
Shift the per-line phase offset to create flow.
Pick colors, stroke width, and optional background.
Download the SVG.

Use cases

Retro or memphis-style website backgrounds
Editorial magazine dividers
Tablecloth, fabric, and packaging patterns
Underlines for emphasized headlines
Kids' book and playful illustration accents
Loading-screen and onboarding backdrops

Everything runs locally in your browser — your configuration never leaves your device and regeneration is instant at any output size.