Liquid ChromaText FX

Liquid ChromaText FX

About Liquid ChromaText FX

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