Metallic Lava
A canvas-driven mercury simulation with metaball merging, specular highlights, and organic liquid motion.
Forged in liquid metal
Metallic Lava
Mercury blobs that merge, split, and reform - a living metallic surface.
Installation
npx shadcn@latest add https://wise-ui.com/r/metallic-lava.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#8a9bae" | Base metallic color for the lava surface. |
| highlightColor | string | "#c5d0dc" | Specular highlight color for the metallic sheen. |
| speed | number | 1 | Animation speed multiplier. Values < 1 slow down, > 1 speed up. |
| blobCount | number | 28 | Number of metaball blobs in the simulation. |
| mode | "dark" | "light" | "dark" | Visual mode - dark renders light blobs on dark, light inverts. |
| children | React.ReactNode | — | Content rendered on top of the background. |