Terminal Panel
Embedded terminal blueprint with a named session tab row, realistic command output, and a blinking prompt cursor.
Embedded terminal blueprint with a named session tab row, realistic command output, and a blinking prompt cursor.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Terminal Panel is the embedded shell blueprint, a tab row for three named sessions (main, deploy, logs) with the active session marked by a dot, and a mono output area showing two realistic command runs: npm run build producing the Next.js route table for acme-app, then git push origin main enumerating and writing objects to github.com:acme/acme-app.git. A blinking block cursor sits on the open prompt line at the bottom.
Sessions and lines are separate const arrays, the line kind field (cmd, out, err, prompt) drives styling so commands are semibold and output is muted. No Radix portal components are used; this is a static blueprint of the open state.
Reach for this block as the terminal surface inside a developer tools or cloud IDE page. Wire the tab row to your session manager and replace the static lines array with a streamed output buffer.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the general embedded shell. Other terminal surfaces:
Tip: the prompt cursor is the only animation needed; resist adding a typing effect on top of it.