Liquid ChromaText FX

Pointer-driven chroma distortion

Liquid Chroma Text FX turns your text into a fluid, reactive surface that warps and ripples as the cursor moves across it.

How it works Text near the pointer bends and displaces in smooth, wave-like motion, pulled along by your mouse's movement. A chromatic fringe rides along the distortion, splitting the edges into faint red/blue/green streaks as it stretches — then everything eases back into place once the cursor moves away.

Controls

• Strength — how strongly the text bends and distorts around the pointer

• Radius — how far the pointer's influence reaches

• Chroma — amount of color separation around distorted edges

• RGB Fringe — intensity of the RGB fringe effect

• Smoothing — how fluidly the distortion follows pointer movement

• Quality — rendering resolution (Auto / High / Medium / Low)

• Layout — text alignment, sizing/fit mode, padding, and max lines

• Hint — optional "Move across the text" prompt for users

Behavior The live WebGL effect runs in Preview and on your published site. In static/export contexts or if WebGL isn't available, it gracefully falls back to a clean rendered version of the text. Fully accessible with proper ARIA labeling and hidden screen-reader text.

Refund Policy This is a digital component, so all sales are final. Once delivered, it cannot be returned, exchanged, or refunded. Please review the details and demo before purchasing.

Component Demo