Developer UI
Terminal Session — editable Remotion component
An animated command-line session that types commands and reveals their outputs for developer demos, CLI launches, and SaaS product stories.
Component details
- Version
- 0.2.0
- License
- MIT
- Duration
- 4.3 seconds
- Dimensions
- 1920 × 1080
Prerequisite: Create a Remotion project
Agent Motion installs components into an existing Remotion project. If you are starting fresh, create the standard project structure first:
npx @agent-motion/cli create remotion my-remotion-video
Add editable source
Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.
npx @agent-motion/cli add terminal-session@0.2.0
Agent guidance
- Pair every command with an output at the same array index; use an empty output when the command should stand alone.
- Use Terminal Session for developer products, CLI workflows, installation demos, deployment stories, and technical SaaS promos.
- Use any number of paired steps; import calculateTerminalSessionDuration from the component entrypoint to derive the matching composition duration.
- Leave autoScroll enabled when long outputs may exceed the terminal viewport.
- Increase charactersPerFrame or reduce stepGapInFrames when the session must complete within a shorter composition.
- Use Browser Spotlight instead when the story depends on navigating a graphical web interface.