Primitive · CLI
ASCII Wordmark
FIGlet-style lettering from a built-in 3×5 pixel font — big-text banners that are still plain text underneath, pasteable anywhere.
Preview
npx shadcn@latest add @atroui/ascii-wordmark██ ██████ ████ ██ ██ ██ ██████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/ascii-wordmarkSource lands in your repo. Installation · Registry
Usage
Zero client JS. Unknown characters fall back to a visible placeholder glyph — keep text to the supported set. Size via className text-[10px] … sm:text-[13px].
tsx
import { AsciiWordmark } from "@/components/ui/ascii-wordmark"
<AsciiWordmark text="SHIP IT" ink="▓" void="·" fat={false} />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "ATROUI" | Text to spell — A–Z, 0–9, space, and - . : ! ? + &. |
| ink | string | "█" | Character used for on-cells. |
| void | string | " " | Character between ink cells — try · or ░. |
| fat | boolean | true | Double each cell horizontally for the chunky CRT feel. |
| label | string | the text itself | Accessible name; the pre is decorative. |
| className | string | — | Regular className — size with text-*. |
Wordmark