Typewriter Caret

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

• Lines

  lines · array

  Lines typed one after another, in order, with a beat between them. One to four. The type scale shrinks to fit the longest line, so keep each one to a single measure, 25–40 characters reads best at 16:9.

  now: 2 items

• Prefix

  prefix · string

  Mono prompt glyph set in front of the first line, terminal style. '›', '$' and '/' all work. Empty string for none; later lines indent to stay aligned either way.

  now: ›

• Eyebrow

  eyebrow · string

  Small mono label anchored top-left, preceded by an accent dash. Empty string for none.

  now: Motionstash

• Caption

  caption · string

  Footer note under a hairline, drawn in only after typing finishes. Empty string for none.

  now: Seeded per-character jitter — the same take on every render

• Typeface

  typeface · "display" | "mono"

  'display' reads as an editorial statement being written; 'mono' as a terminal session.

  now: display

• Caret blink

  caretBlink · number

  Frames in one full blink cycle. 20 is ~1.5 blinks per second at 30fps. The caret crossfades rather than hard-cutting, and holds solid while keys are landing.

  now: 20

• Seed

  seed · string

  Seeds the per-keystroke jitter. Change it for a differently-fumbled take of identical duration; the same seed always renders the same frames.

  now: caret-01

• Brand

  brand · string

  Brand token id, one of the keys of BRANDS.

  now: slate