Delaunay Triangulation

What this grid is

A Delaunay Triangulation connects a set of points into a mesh of non‑overlapping triangles. In design, it is a quick way to get a “low‑poly” look, a faceted texture, or a technical network.

This generator exports triangle edges as clean SVG line art. You can also render the sites (the input points) to tune density or create a dot‑and‑mesh style.

Key parameters

• Width / Height (px) — Output canvas size.
• Sites — Number of points used to build the triangulation (more sites → smaller triangles).
• Jitter (%) — How irregular the point distribution feels (higher jitter → less uniform mesh).
• Seed — Reproducible randomness; keep the same seed to re‑export the same mesh.
• Line Width / Opacity / Line Color — Stroke styling for triangle edges.
• Show Sites / Site Size / Site Opacity / Site Color — Optional point rendering.

Unique highlights

• Clean geometry: edges do not cross and triangles fill the hull of the sites.
• Strong “structure signal” even at low opacity.
• Easy variation: Sites + Jitter + Seed produce many distinct meshes.

Typical use cases

• Background texture behind typography, icons, or UI.
• Low‑poly poster frames and geometric gradients (color triangles in another tool).
• Technical diagrams: networks, sensor layouts, triangulated surfaces.
• Motion design: export multiple seeds and cross‑fade between meshes.

Tips

• For subtle texture, try 10–25% opacity and a thin stroke.
• If triangles feel too large, increase Sites before increasing line width.
• Enable Show Sites while tuning density, then turn it off for final export.
• Pair with a Voronoi pattern (its dual) for a “cells + mesh” design system.

FAQ