back

Text Scramble

2025

A text effect that scrambles characters before revealing the final text. Great for headers and loading states.

Features

  • •Customizable scramble characters
  • •Adjustable animation speed
  • •Trigger on mount or hover
  • •Supports any text content

Preview

Open in
Hello, World!

Hover to scramble:

Interactive Text

Usage

Example
<TextScramble text="Hello, World!" className="text-4xl font-bold" />