1. Docs
  2. Distort Text

Distort Text

A responsive text effect that scrambles nearby characters as the cursor moves across a paragraph.

Loading...

Installation

Examples

Use * as chars

Set distortChar to any character (e.g., *) to scramble the text with your chosen character.

Loading...

Props

DistortText

PropTypeDefault
distortCharstring.:
Inspired by Tom Miller's work

The source code is available on GitHub.