SVGオーガニック・フルイドBlobジェネレーター（スムーズ曲線＆React/CSSエクスポート）
調整可能なベジェ曲線の複雑度、乱数シード、グラデーションを備え、有機的で滑らかなSVG Blobシェイプや動的な流体バッジを生成。React JSXおよびCSSコードへの即時エクスポートに対応しています。
ブロブ構成設定
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
生成されたSVGとエクスポート
<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>パス制御点
6anchor nodes
平滑度インデックス
6Cubic Bezier segments
推定ファイルサイズ
665bytes payload