Scramble Text Animation

A component that applies a scrambling animation to text, perfect for emphasizing important information.

Pumki UI

Scramble Text - Pumki UI

Installation

1import { ScrambleText } from '@/components/pumki-ui/text/scramble-text';

1<ScrambleText text="Scramble Text" />

Prop	Type	Default	Description
`random?`	`boolean`	`true`	Use a random set of characters for the scramble animation.
`scrambleOnLoad?`	`boolean`	`true`	Whether to trigger the scramble animation on initial load.
`text`	`string`	`-`	The text to display and animate with the scramble effect.