Primitive · CLI
ASCII Decode
The decrypt resolve — a whole line of cipher glyphs locking into the message left-to-right, each character churning at bit-stable frame frequencies so it flickers deliberately, not randomly.
Preview
npx shadcn@latest add @atroui/ascii-decodeInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/ascii-decodeSource lands in your repo. Installation · Registry
Usage
Best on status lines and empty-state headings. Starts when scrolled into view, pauses offscreen. Min-height is baked in so layout doesn't jump while scrambling.
tsx
import { AsciiDecode } from "@/components/ui/ascii-decode"
<AsciiDecode
text="signed in as boss"
duration={1400}
/>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "characters are pixels" | The message resolved from the scramble. |
| charset | string | <>!_[]{}=+*^?# | Cipher pool for unresolved characters. |
| duration | number | 1800 | Total reveal time in ms (clamped 200–8000). |
| loop | boolean | false | Scramble again after a settled dwell. |
| label | string | "Decrypting text" | Accessible name for the decorative line. |
| className | string | — | Regular className. |
Decode