Skip to content
Get Pro
Feedback, new

Terminal

A scripted terminal session with a real hand on the keys: commands type at a human cadence (quick runs, a beat between words, the odd typo backspaced), then output streams in, a progress bar redrawn in place, braille spinners, a build table, test passes in the accent and failures in red.

$149 once · every Pro piece

Customize

The block cursor blinks when idle, holds solid while keys arrive, goes hollow when unfocused and waits unlit while a command runs. Pause, replay, 1×/2×/4× speed and copy-command; the log sticks to the bottom until you scroll up, then offers a jump back. When the script ends the prompt is yours: help, ls, clear, history, Tab completion, ↑ for history, Ctrl+C and Ctrl+L.

Install

npx shadcn@latest add @obsyde/terminal

Needs your licence key · Get Pro

Usage

Import it from where the CLI puts it, or copy the files below by hand.

import { Terminal } from '@/components/obsyde/ember/terminal/Terminal';

export function Example() {
  return (
    <Terminal />
  );
}

Files

What you get with Pro: plain React, TypeScript and CSS, with no dependencies.

  • ember/terminal/Terminal.tsxcomponent
  • ember/terminal/terminal.cssstyles
  • ember/terminal/script.tsmodule
  • ember/terminal/TerminalDemo.tsxdemo
  • ember/display-kit/motion.tsshared
  • ember/shared/spring.tsshared
  • ember/shared/accent.tsshared
  • ember/shared/chart-kit.tsshared
  • ember/shared/ember.cssshared

API

PropTypeDefault
accentAccent'ember' | 'volt' | 'arc''ember'
startStart'play' | 'transcript' | 'prompt''play'
speedSpeed'1' | '2' | '4''1'
stateState'live' | 'connecting' | 'disconnected''live'