Browse components

SVG Blob Animation

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

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:animation/svg-blob-animation

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.

Typing Animation

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

Confetti Fireworks

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