Chrome Pipes builds your word out of polished metal tubing — the run traces itself through the letterforms like plumbing being laid, with a flowing highlight running along the pipe and steam venting off the top.
What Chrome Pipes is good for
Industrial, plumbing and engineering branding
Retro-futurist and steampunk design
Music artwork with a mechanical bent
How this animation is built
pipeReveal draws the tube along its path with stroke-dashoffset while dashFlow runs a moving highlight down it, so the chrome appears to have a light source travelling along its length. steamRise and a SMIL-driven traceNoise add the venting, and feDropShadow seats the pipework against the background.
Tips for Chrome Pipes
Rounded, even-width faces work best — a pipe cannot taper the way a serif stroke does.
Cool greys and blue-whites read as chrome; warm tones read as brass, which is a different look entirely.
Chrome Pipes questions
Why does the highlight keep moving after the word is drawn?
dashFlow loops independently of the reveal. Static chrome looks like grey plastic — the travelling highlight is what makes it read as metal.
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