The components behind Sproutboat’s dashboards.

42 React components and blocks on Base UI and Tailwind CSS v4, with typed OKLCH tokens. Sproutboat’s own dashboards are built from the same files.

Live components. Press anything.

Every tile is the real component from the registry, not a picture. The caption opens its docs.

Dashboard blocks assembled from the components, with sample data. The CLI writes the files into your app. Three to start with; there are 11 in all.

Metric row
1.7 kB
A row of headline numbers for the last 24 hours: requests, error rate, response time and sprouts serving, each with its change and an hourly sparkline.
npx shadcn@latest add https://sproutboat.com/ikada/r/metric-row.json
Logs panel
5.1 kB
A live log tail with level and source filter chips, search, and a Live or Paused stream that holds still while the pointer rests on it.
npx shadcn@latest add https://sproutboat.com/ikada/r/logs-panel.json
Settings section
3.7 kB
Settings as titled cards: fields, switches that read as sentences, a choice of retention, a save bar that floats up once something changed, and a danger zone that confirms a delete in place.
npx shadcn@latest add https://sproutboat.com/ikada/r/settings-section.json

Each component is one file. The CLI writes it into your repo with the tokens it needs, and the source is yours to grow.

npx shadcn@latest add https://sproutboat.com/ikada/r/button.json