Generate Low-Poly triangle backgrounds as SVG. Modern hero / SaaS background trend.
🔺 Preview

How to use

  1. Set width, height, complexity, noise.
  2. 4-color gradient or pick a preset (brand / sunset / ocean / forest / mono).
  3. 🎲 Reshuffle for variations at the same settings.
  4. Export as SVG, PNG, or CSS data URL.

Key features

  • Triangle subdivision (Delaunay-style)
  • 4-color gradient + 5 presets
  • Complexity 4–30 + noise 0–100%
  • SVG / PNG / CSS background data URL
  • Random reshuffle

Use cases

  • SaaS hero backgrounds — modern abstract pattern
  • Mobile app splash — colorful intro
  • Event posters — energetic visuals
  • YouTube channel art — abstract branding
  • Presentation slides — clean backdrop

What is Low-Poly design?

Low-Poly originated in 3D modeling (few polygons) and expanded into graphic design. Since the mid-2010s it has appeared in SaaS and mobile app hero backgrounds — clean yet colorful and modern. Subtle color gradation between triangles creates a natural flow, lighter than photos but visually striking. Used by Stripe, Patreon, Discord, etc.

FAQ

Why different each time at same settings?

Point positions include randomness. Use 🎲 to reshuffle.

Does complexity make it heavy?

SVG stays light up to 30 (under 10KB). Very high may slow rendering on small devices.

vs mesh-gradient?

mesh-gradient is smooth mesh; this is angular triangles. Different vibe.

Free?

Yes.