Display
Terminal
A terminal in a product page is usually a still image of a command, which asks the reader to imagine the part that matters: the pause between typing a command and getting an answer. This one plays. Commands type a character at a time, output arrives as a block the way it really does, and the prompt keeps blinking at the end so the session reads as alive rather than finished. The macOS window furniture is gone - three coloured dots carry no information - and what is left tells you what you typed and what the machine said.
npx shadcn@latest add @minflow/terminalWhere to use it
- Install instructions, CLI documentation, and any flow whose real interface is a shell.
- Landing pages, where watching a command run explains a tool faster than a paragraph about it.
- Not for a single copyable command - that is a copy line, and animating it just delays the copy.
Variations
Playing session
The default. Use it when the sequence is the point: what you run, what comes back, what you run next.
Already finished
Reference output a reader will scan rather than watch, and the state everyone sees when motion is switched off.
Failure and recovery
Showing a real error and the command that fixes it. Error lines take the status colour; nothing else in the transcript is coloured, so the failure is the only thing that stands out.