Animations & Motion

Metaball Goo

Liquid blob simulation with SVG goo filter creating metaball effect.

cursormagneticfluidgoometaball

Props

Customize the component with these props

PropertyTypeDefaultDescription
backgroundColor
stringbg-zinc-950Background color of the component
title
stringMetaball GooTitle text displayed
buttonText
stringHover MeText on the hover button
mainDamping
number30Main blob spring damping
mainStiffness
number500Main blob spring stiffness
lagDamping
number15Lag blob spring damping
lagStiffness
number150Lag blob spring stiffness
inactiveSize
number30Size of blobs when inactive
activeSize
number100Size of blobs when active
blob1Color
stringbg-indigo-500Color of the first blob
blob2Color
stringbg-indigo-400Color of the second blob
className
stringAdditional CSS classes
Metaball Goo - Animations & Motion Component | UILora