Search documentation

Search components and pages

Text Scramble

Cipher-style character scramble decode.

Installation

Requires MotionProvider and gsap. Add the text scramble component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/text-scramble.json

Usage

import { TextScramble } from "@/void/text/text-scramble"

<TextScramble duration={1.2} charDelay={0.03}>
  DECODING SIGNAL...
</TextScramble>

Examples

Default

Code

import { TextScramble } from "@/void/text/text-scramble"

<TextScramble duration={1.2} charDelay={0.03}>
  DECODING SIGNAL...
</TextScramble>