ns-ui
Scramble-to-decode text reveal with left-to-right character locking.
Use when the classic scramble-to-decode reveal — monospace glyphs churn and lock into the final string left to right; use for a one-shot on-mount/on-trigger reveal, not a persistent cursor-driven effect; pick streaming-markdown-caret instead when text is genuinely arriving over the wire rather than being revealed from a string already in hand, text-prism-split when the effect should ride the cursor continuously rather than fire once, or split-flap-board when the string changes repeatedly and each change should clatter.
Install
npx shadcn add https://design.helpmarq.comns-ui / text-decrypt
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | — |
| delay? | number | 150 | ms before the first character locks |
| stagger? | number | 55 | ms between character locks (left to right) |
| ambient? | number | 0 | ms between idle glitches re-scrambling a few characters; 0 = off |
| className? | string | — | — |
| replayKey? | number | 0 | bump to replay the animation |