Components

Code blocks

For docs and changelogs. Syntax colours are plain spans, so there is no highlighter library to load.

Tabbed sample

Switch language; copy puts the plain text on your clipboard.

<button class="btn btn-primary">
  Save changes
</button>

Terminal

Commands and output, with a copy for just the command.

bash
$ npm install plotline-ui
added 12 packages in 2.1s
$ npx plotline init
✓ Created plotline.config.js

Diff & inline code

Show what changed.

  .card {−   border-radius: 6px;+   border-radius: 14px;+   box-shadow: 0 1px 2px rgb(0 0 0 / .06);  }

Run plotline build then press ⌘ R to reload. Settings live in ~/.plotline/config.