Liquid Chrome
A sheet of molten, mirror-bright metal that folds and drags beneath the cursor.
canvasinteractive
Customize
Flow
Scale1
Warp1
Detail8px
Smaller = smoother surface, heavier.
Motion
Speed1
Cursor warp1
Appearance
Metal tint
Brightness1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | "173,188,214" | Metallic tint of the mid-tones as r,g,b. |
speed | number | 1 | Flow speed multiplier (0 = frozen). |
scale | number | 1 | Pattern scale — higher spreads the bands wider. |
warp | number | 1 | Domain-warp strength: how molten it looks (0–2). |
brightness | number | 1 | Brightness of the specular highlights (0–1.5). |
detail | number | 8 | Shading cell size in px (smaller = smoother, heavier). |
pointerWarp | number | 1 | How strongly the cursor drags the surface (0–2). |
children | ReactNode | — | Content layered above the canvas. |
className | string | — | Extra classes for the wrapper. |