Primitive · CLI
ASCII Boot
An init-log typewriter — classic VT100 flavor: lines typed character-by-character with a pause between them, cursor pulsing at the end.
Preview
npx shadcn@latest add @atroui/ascii-bootInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/ascii-bootSource lands in your repo. Installation · Registry
Usage
Frame-flip form: lines are state, so read them like typed terminal output. Reduced motion prints the whole log at once. Runs at character granularity — long lines cost time.
tsx
import { AsciiBoot } from "@/components/ui/ascii-boot"
<AsciiBoot
lines={[
"[ OK ] deploy edge",
"[ OK ] hydrate islands",
">> live",
]}
/>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| lines | string[] | init-log sample | Log lines typed in order. |
| speed | number | 9 | Milliseconds per character. |
| lineDelay | number | 260 | Pause after each completed line. |
| loop | boolean | false | Restart after a settled dwell. |
| label | string | "Boot log" | Accessible description. |
| className | string | — | Regular className. |
Boot