Skip to content
Portfolio Kit

Terminal

Terminal window for developer portfolios. When it scrolls into view, commands type themselves out (in at most 5 seconds), output lines follow and a block cursor blinks at the end.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/terminal
First time? Add the @portfolio-kit registry to components.json
components.json
{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

Usage

Examples

Card Tone, Static

tone="card" follows the page (light in light mode) and animate={false} renders the whole session at once.

Install Snippet

Drop the window chrome and the idle cursor for a compact install command in docs or a project page. Prompts are customizable.

In a Hero

Pair the terminal with a short intro for a developer hero — copy on the left, a live session on the right.

API Reference