Skip to content
Synkro

Dashboard UI

@synkro/ui provides a built-in dashboard that mounts on any Node.js HTTP endpoint. It gives you full visibility into your event-driven system with zero external dependencies.

Features

  • Events overview — see all registered events with retry configuration at a glance
  • Event detail — drill into per-event metrics: received, completed, and failed counts
  • Workflows overview — list all workflows with step counts and callback callback badges
  • Workflow detail — interactive branching SVG flow diagram with color-coded outcomes (green = success, red = failure)
  • Stats at a glance — top-level counters for quick health checks
  • Pagination — handles large event and workflow lists
  • Framework-agnostic — works with Express, Fastify, raw node:http, or any framework that exposes IncomingMessage / ServerResponse
  • Zero dependencies — the dashboard HTML is self-contained; no client-side bundles to install

Screenshots

Dashboard

Event Detail

Workflow Detail

Installation

Terminal window
npm install @synkro/ui

Next steps

Head to the Setup guide to mount the dashboard in your application, or jump straight to the API Reference.