UIBlocks.
Back to the collection
Stats/uptime-01Curated

Service Uptime & Incidents

A service availability card with daily status history and inspectable incident details, adapted from Kokonut UI.

Clean SaaSMIT

Make it work with your content

  • Provide actual monitoring history, incidents, percentage values and the reporting endDate from your service.
  • Missing history must remain No data and missing uptime Not reported; do not infer availability from absent incidents.
  • Use mode='demo' only to inspect fictional sample history. Check status labels without relying on color alone.

Source & compatibility

Author
kokonutUI
Version
0.1.0
License
MIT
Stack
React · Tailwind CSS 4

Framework-independent React. Demo interactions run locally; connect your service through props.

Source revision: 340d5741a1a48114b2765c2abf03d50225d52602

Works well with