Text

Liquid Metal

Letters as puddles of mercury: a surface-tension meniscus mirrors a drifting studio with Fresnel chrome reflections and slow ripples. Use for premium logos, tech and product titles.

  • metal
  • chrome
  • mercury
  • liquid
  • reflection
  • fresnel
  • luxury

Settings and defaults

Thickness
0.06 em
Environment
1.15
Metal colour
#cdd5df
Metal tint
0.7
Melt
0.5
Drips
0.6
Spikes
0
Oxide skin
0.4
Reflectivity
0.8
Ripples
1
Ripple speed
1
Edge tint
#f4f7ff
Opacity
1
Font
Caveat
Draw
Flow
Draw duration
5 s
Draw easing
Smooth
Draw stagger
0.6
Draw direction
0 °
Erase
Melt
Erase duration
4.5 s
Erase easing
Linear
Erase stagger
0.6
Erase direction
0 °
Play on load
On
Loop
Off
Yoyo
Off
Hold
2 s
Hidden pause
0.5 s
Shown
On

Liquid Metal makes each letter a puddle of mercury or molten chrome, held together by surface tension. The tops are flat mirrors, the edges a rounded rim, and slow ripples and travelling swells keep the reflections moving.

How it works

The surface is a pure mirror. It reflects a built-in photo studio, with a warm and a cool softbox and a thin strip light that slowly sweeps across, so a bright streak travels over the letters. Colour comes from how real metal reflects: one colour when seen straight on, a different tint at grazing angles, and a dark contact line where the metal meets the surface. The default Draw, Flow, runs a bulb of metal along each stroke; the Melt erase lets it run and drip away, and Beads breaks each stroke into round drops that evaporate.

Settings

  • Thickness sets how deep and rounded the puddles are.
  • Metal colour, Metal tint and Edge tint pick silver, gold, copper or blue steel.
  • Reflectivity and Environment set how bright and contrasted the reflections are.
  • Ripples and Ripple speed set the surface waves.
  • Spikes breaks the metal into sharp cones, like ferrofluid in a magnetic field.
  • Oxide skin adds a thin rainbow film; Melt and Drips shape the erase.

Use it for

  • Premium logos and product launches
  • Tech and automotive titles
  • Luxury and fashion campaigns

Compare it with 3D Text in chrome.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More text

Works well with