SVG Blob AnimationFree

Lightweight SVG blob that smoothly morphs between organic shapes with customizable colors and speed.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSSVG

Props

PropTypeDescription
colorstringMain blob fill color
accentColorstringOffset accent shape color
durationnumberMorph duration in seconds
classNamestringStyles for the SVG element

More Animation Components

Make something great.

A minimal typing animation with smart backspacing, an optional cursor, and adjustable speed.

A button-triggered canvas confetti burst with a center launch and three quick side volleys.