Liquid Metal Animated Text Generator

Liquid Metal starts as separate blobs of mercury that flow toward each other, merge on contact, and resolve into letterforms with a reflective surface.

What Liquid Metal is good for

• Sci-fi and transformation sequences
• Premium tech and automotive branding
• Title cards that need to feel expensive

How this animation is built

The merge is a genuine gooey-filter chain rather than a cross-fade: feGaussianBlur spreads each blob, feColorMatrix sharpens the alpha into a hard threshold, and feBlend recombines them, so two blobs that touch actually fuse into one outline. Driven by SMIL so the flow paths stay independent of CSS timing.

Tips for Liquid Metal

• It needs room — blobs travelling toward each other want space around the word.
• One of the heavier styles to render, because the filter chain recomputes every frame.

Liquid Metal questions

How is this different from Jelly / Slime?

The same merge technique with opposite intent. Liquid Metal is cold, reflective and precise; Jelly is warm, matte and wobbles after it lands.

Related animation styles

• Star Crawl — Gold titles receding into a starfield with a slow sheen
• Hero Steel — Brushed steel slabs slam together under a raking light sweep
• Chrome Pipes — Metal tubing
• Weapons Throw — Tossed weapon letters
• Vector Fly — Letters fly in from all directions
• Flip Cards — Letters flip in like a split-flap display

Browse all 96 animated text styles