SiteDesign Tools & Generators · SVG generators
Purpose-built generator for mathematically precise SVG sine waves with frequency, amplitude and phase controls.
Why it’s a gem
Actual sine math instead of eyeballed bezier waves; matters for tiling seamlessly.
Combines soft color blobs with an SVG noise filter to produce the grainy gradient backgrounds used across modern landing pages.
Editor for PWA maskable icons showing live previews across Android icon mask shapes with safe-zone guides.
Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.
Generates the full favicon and app-icon set across platforms with per-platform previews and an HTML snippet.
Generates superellipse squircle shapes as SVG with curvature, rotation and gradient fill controls.
Generates seamless SVG and CSS background patterns from configurable primitives, with a fully offline-capable interface.