1. Docs
  2. Distort Text

Distort Text

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

Plugin Reference
Open in

Loading...

Installation

Examples

Use * as chars

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

Open in

Loading...

Props

DistortText

PropTypeDefault
distortCharstring.:
Inspired by Tom Miller's work

Previous

Scramble Text

Next

Squash Text

The source code is available on GitHub.