SVG Organischer Fluid-Blob-Generator (Glatte Kurven & React/CSS-Export)
Erstellen Sie organische, fließende SVG-Blob-Formen und dynamische Fluid-Badges mit anpassbarer Bézier-Komplexität, Randomisierungs-Seed, Farbverläufen und direktem React JSX- / CSS-Export.
Blob-Konfiguration
Seed: 13376 points
Minimal (3)Standard (6)Complex (16)
55%
Smooth (5%)Moderate (50%)Dramatic (100%)
Start Color
End Color
45°
Stroke Outline
Interactive View
Generiertes SVG & Export
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<linearGradient id="_R1afnnnkq_" gradientTransform="rotate(45)">
<stop offset="0%" stop-color="#6366f1" />
<stop offset="100%" stop-color="#ec4899" />
</linearGradient>
</defs>
<path d="M 431.99 250.00 C 428.88 301.71, 372.56 368.19, 330.23 388.97 C 287.90 409.74, 216.44 397.83, 178.02 374.67 C 139.60 351.51, 106.85 303.90, 99.72 250.00 C 92.60 196.10, 93.72 79.79, 135.25 51.24 C 176.78 22.70, 299.44 45.59, 348.89 78.71 C 398.35 111.84, 435.10 198.29, 431.99 250.00 Z" fill="url(#_R1afnnnkq_)" style="transition: all 0.3s ease;" />
</svg>Pfad-Kontrollpunkte
6anchor nodes
Glättungsindex
6Cubic Bezier segments
Geschätzte Dateigröße
665bytes payload