Animations & Motion
Metaball Goo
Liquid blob simulation with SVG goo filter creating metaball effect.
cursormagneticfluidgoometaball
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | bg-zinc-950 | Background color of the component |
title | string | Metaball Goo | Title text displayed |
buttonText | string | Hover Me | Text on the hover button |
mainDamping | number | 30 | Main blob spring damping |
mainStiffness | number | 500 | Main blob spring stiffness |
lagDamping | number | 15 | Lag blob spring damping |
lagStiffness | number | 150 | Lag blob spring stiffness |
inactiveSize | number | 30 | Size of blobs when inactive |
activeSize | number | 100 | Size of blobs when active |
blob1Color | string | bg-indigo-500 | Color of the first blob |
blob2Color | string | bg-indigo-400 | Color of the second blob |
className | string | Additional CSS classes |