Toggle Sidebar B
AppearanceLight & dark mode D

Molten Metal

Swirling caustic plasma filaments with molten, white-hot cores.

Default

Colors, color mode and the cursor drift are wired to the controls underneath. The filaments are drawn in a WebGL 2 fragment shader.

Light previewReplay previewOpen in new tab
New Creative Components

Molten violet caustics that flow like liquid.

Get started Learn more

Customize

Color 1
Color 2
Color 3
Color Mode
Speed0.35
Scale4
Detail3
Glow1.6
Core Size0.1
Swirl1
Fold-0.2
Black Point0.05
Brightness1.3
Opacity1
Grain Intensity0.05
Cursor Strength0.3

API Reference

MoltenMetal

PropTypeDefaultDescription
color1string'#5227FF'Shadow color for the dim caustic glow.
color2string'#FF9FFC'Midtone color for the flowing filaments.
color3string'#FFFFFF'Highlight color for the hot filament cores.
speednumber0.35Animation speed of the liquid motion.
scalenumber4Zoom of the caustic field (higher = more detail on screen).
detailnumber3Number of domain-folding iterations (1-8).
glownumber1.6Gain applied to the accumulated filament glow.
coreSizenumber0.1Thickness of the bright filament cores.
swirlnumber1Amount of rotational swirl across the field.
foldnumber-0.2Turbulence / fold strength of the iterative warp.
blackPointnumber0.05Raises the dark floor so shadows fade to transparent.
brightnessnumber1.3Overall brightness of the effect.
colorModestring'molten'Palette mapping: molten, ember, or frost.
grainbooleantrueAdds subtle animated film grain.
grainIntensitynumber0.05Amplitude of the grain overlay. 0 disables it entirely.
mouseInteractionbooleantrueEnables gentle drift of the field toward the cursor.
mouseStrengthnumber0.3Strength of the cursor drift.
opacitynumber1.0Overall opacity of the effect over the page.
backgroundColorstring'#FFFFFF'Background color the effect blends into when lightMode is on.
lightModebooleanfalseRenders the effect over an opaque light background instead of a transparent one.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. Place it behind content with enough contrast.