Video UI Patterns

Reusable component patterns for building professional software demo videos with Remotion.

Pattern 1: Terminal Command Demo

A terminal that types a command, shows output, then transitions away. The bread-and-butter of developer marketing videos.

Structure

MacTerminal (container)
  ├── TitleBar (traffic lights + title)
  ├── TerminalContent
  │   ├── Prompt (~ $)
  │   ├── TypewriterText (command being typed)
  │   ├── Cursor (blinking/solid)
  │   └── Output (staggered lines after typing completes)
  └── Transition (flip/slide/fade away)