Backgrounds & Visuals

Liquid Chrome Hero

Procedural simulation of molten chrome alloys with velocity-based distortion. Interactive liquid metal surface with specular highlights.

backgroundvisualsliquidchromemetalinteractivewebglprocedural

Props

Customize the component with these props

PropertyTypeDefaultDescription
baseColor
[number, number, number][0.5, 0.5, 0.5]RGB array for base chrome color (neutral silver).
speed
number1.0Animation speed.
amplitude
number0.6Distortion amplitude.
interactive
booleantrueEnable mouse interaction.
Liquid Chrome Hero - Backgrounds & Visuals Component | UILora