Terminal

Remotion pieces · Code on screen · Ours

Tap the picture to play it.

What it does

A terminal that types. Commands go in letter by letter, output arrives line by line, the window scrolls when it is full.

Get it

import { Terminal } from "./Terminal";

// works inside any composition, at any frame rate (built for 1080 x 1920)
<Terminal
  title="~/agent"
  caption="One switch sets it."
  lines={[
    { kind: "cmd", text: "export COST_TIER=low" },
    { kind: "ok", text: "cost_tier set to low" },
  ]}
/>

Copy codeGet the fileCopy for an agent

Needs

remotion, react, and Wash.tsx beside it.

Re-skin

By props (colors, text, pictures)

Props: lines[] (commands and output), title, prompt, caption, tone, ground (a picture behind), cps, size. Colors and fonts come from the LEJ and FONT blocks at the top of Wash.tsx; five terminal text colors are one INK object at the top of Terminal.tsx.

Size

1080 x 1920 · 8 s

License

Ours · license to come

From

We wrote this for our own videos.

Everything from Ours in the gallery

Back to the Asset Library