Compositions
Core Primitives
Transitions
Typography
Customize
1
1
18
1
Installation
$ pnpm dlx shadcn@latest add @framecn/terminal-simulator
Usage
import { TerminalSimulator } from "@/components/framecn/terminal-simulator";<TerminalSimulator />API Reference
TerminalSimulator
| Prop | Type | Default |
|---|---|---|
lines | TerminalLine[] | DEFAULT_LINES |
prompt | string | "$" |
title | string | "~/projects/framecn" |
background | string | "#0a0a0a" |
chromeColor | string | "#1a1a1a" |
fontSize | number | 18 |
charsPerFrame | number | 1 |
chunkSize | number | 1 |
speed | number | 1 |
fps | number | 30 |
durationInFrames | number | 200 |
className | string | - |
Notes
CLI typing simulation
Commands type out character-by-character with chunked log output. The terminal auto-scrolls as new content appears.