Status Page
Public status page with an overall operational banner, per-service uptime badges, 90-day tick strips, and a subscribe affordance.
Public status page with an overall operational banner, per-service uptime badges, 90-day tick strips, and a subscribe affordance.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Status Page is the public-facing system status surface: an overall banner that reads All systems operational, then five service rows (API, Dashboard, Webhooks, CDN, Auth) each showing an Operational or Degraded Badge, a 90-day mini strip of div ticks, and the uptime figure. The block closes with a Bell subscribe card that links out to email or webhook alert signup.
Services live in a const array with a ticks field built from Array.from so the strip renders without any chart lib. The subscribe card is why customers check a status page twice, not just once.
Reach for this block as the top section of a hosted status page, wired to your uptime monitor API. The allOperational flag drives the banner copy so the block works for both happy-path and degraded states.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the customer-facing platform status page. Other status page shapes:
Tip: the 90-day strip is the fastest way to earn trust, three months of near-solid ticks outweighs any paragraph of uptime claims.