ScrambleText

Matrix-style scramble reveal. Trigger on mount, hover, or scroll. Zero plugin dependencies — runs on raw requestAnimationFrame.

Your shortcut to a beautiful UI.

HOVER FOR A SCRAMBLE

Usage

import { ScrambleText } from '@bwo-ui/react';

<ScrambleText as="h2" duration={1.4} chars="!@#$%^&*">
  Hello, world.
</ScrambleText>

// Trigger on hover or scroll:
<ScrambleText trigger="hover" chars="01">SECURE</ScrambleText>

Props: text (default = current textContent), chars (default '01'), duration, trigger ('mount' | 'hover' | 'scroll'), once.