Generate beautiful low-poly vector backgrounds using Delaunay triangulation. Configure point density, color palette, and dimensions. Exports as SVG or inline code.
Available on every plan, including the free tier.
Single file up to 5 MB · 1 file per job
Up to 50 MB per file · batch up to 20 files · API + MCP access
Up to 2 GB per file · unlimited batch · runner acceleration · priority MCP
Set dimensions, point density (sparse to dense), and color palette
Click Generate — Delaunay triangulation creates the low-poly mesh
Download the SVG or copy the inline code for your website background
0 bytes uploaded. Polygonal Background Generator runs entirely in your browser using the DOM API and Canvas. Your SVGs never leave your device.
Delaunay triangulation connects a set of scattered points into non-overlapping triangles that maximize the minimum angle of each triangle — producing visually balanced geometry.
Yes. The generator samples colors from a gradient you define, assigning each triangle a color based on its centroid position within the gradient.
30–80 points creates a typical low-poly look. Under 20 gives very angular minimal geometry; over 150 starts to look like noise. Experiment for your aesthetic.
Generate random organic blob shapes for page backgrounds, section dividers, and hero images. Adjust complexity, smoothness, and color. Exports clean SVG code.
Open toolGenerate smooth wave SVG shapes for section transitions on landing pages and marketing sites. Configure amplitude, frequency, and color. Exports inline SVG and CSS.
Open toolTransform SVG paths into ctx.beginPath(), ctx.moveTo(), ctx.lineTo() Canvas API drawing calls. Perfect for game engines, canvas animations, and headless rendering.
Open tool