Overview
Cipher-cracking text decoder that cycles through random characters before resolving the target text. Configurable charset (symbols, binary, hex), speed, and loop behavior. Monospace terminal aesthetic.
Installation
npx shadcn@latest add @elements/loader-terminal-decodeUsage
import { LoaderTerminalDecode } from "@/components/elements/loader-terminal-decode";
export function Loading() {
return <LoaderTerminalDecode text="DECRYPTING" charset="hex" />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | "LOADING" | Text to decode |
speed | number | 50 | Speed in ms per character |
charset | "symbols" | "binary" | "hex" | "symbols" | Scramble character set |
loop | boolean | true | Whether to loop |
className | string | - | Additional CSS classes |