Text effects

Fuzzy static text

A word drawn on canvas and repainted in jittering scan-lines, buzzing like television static and distorting harder on hover or press.

Hover to distort the signal, press to spike the noise

Using Fuzzy static text

A word drawn on canvas and repainted in jittering scan-lines, buzzing like television static and distorting harder on hover or press.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: text, baseIntensity, hoverIntensity, color

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2826Elastic weight headlineText effectsA single line of huge uppercase letters whose weight, width and slant swell around a lagging, eased cursor position.

2835Liquid warp headlineText effectsA headline drawn on canvas that bends and ripples like light through water, with the distortion pooling wherever the pointer hovers.

2816Particle formation textText effectsA canvas of tiny particles that gathers into the shape of a word, drifts once formed, and scatters away from the pointer.

2410Reading highlight copyText effectsA paragraph that lights up word by word as you scroll it, leaving read words bright and unread words dim so scroll position doubles as a reading position.

2242Staggered Reveal TextText effectsA sentence appears in staggered pieces, split into words, characters, or lines, using a chosen entrance style such as fade, blur, slide, or scale.

2301Ascii Art HeadingText effectsA large word is rendered as a mosaic of monospaced characters whose density mimics the letterforms, gently rippling and tilting toward the pointer.