Dynamic Gradient

animated background component

animated background component that blends three large, soft gradient blobs which slowly drift and overlap, creating a calm yet vibrant visual atmosphere. perfect for hero sections or other.

Customizable Options :

• Color 1 : Set the primary gradient color.

• Color 2 : Set the secondary gradient color.

• Color 3 : Set the third gradient color.

• Speed : Control how fast the gradient blobs move.

• Blur (px) : Adjust how soft and diffused the gradient edges appear.

• Opacity : Set the transparency of the gradient layers.