Install

npm install @burnishdev/components

Usage

Import the package once — all components auto-register with the burnish- prefix.

<script type="module">
  import '@burnishdev/components';
</script>

<burnish-card
  title="API Gateway"
  status="success"
  body="All systems operational"
  meta='[{"label":"Uptime","value":"99.9%"},{"label":"Latency","value":"42ms"}]'
  item-id="api-gw-1">
</burnish-card>

Or import specific classes to extend or re-register under a custom tag:

import { BurnishCard, BurnishTable, BurnishChart } from '@burnishdev/components';

What this is

The component library behind Burnish — a set of 10 themeable Lit 3 web components (burnish-card, burnish-table, burnish-chart, burnish-stat-bar, burnish-metric, burnish-section, burnish-message, burnish-form, burnish-actions, burnish-pipeline) that render MCP tool-call output as rich UI. Each component takes JSON attributes, lives in Shadow DOM, and is themeable via --burnish-* CSS custom properties. Framework-agnostic — works anywhere standard custom elements do.

Links

• Burnish monorepo
• Documentation
• Report an issue