Blocks
Changelog - Status Page
Status page blocks: an uptime overview with 90 day bars, an incident history with update timelines, a component status list with an issues only switch and a subscribe to updates card for email, webhook and RSS.
These blocks make a public status page. They take typed props with fictional services and incidents, and the demos use a fixed now or today so the bars and the history stay stable.
Status is never shown with color alone. Every bar has a title and the chart has a text summary, and every status has an icon and a word. Replace the sample data with your monitoring data, and send subscriber email from the server, never from the browser.
Style One
Uptime overview with a banner that follows the worst service, 90 day bars and an uptime percentage for each service.
Style Two
Incident history with a time range, impact badges, a timeline of updates for each incident and quiet days that say so.
Style Three
Component list in groups that collapse, with a status for each part and an only show issues switch.
Style Four
Subscribe card with tabs for email, webhook and RSS, a choice of components and validation.
Changelog - Roadmap
Roadmap blocks: quarterly columns, a month timeline with team rows, a planned, in progress and shipped board, a voting list, a now, next and later layout and feature request cards with a request dialog.
Chart
Ready-to-use ApexCharts examples styled with UI Thing design tokens. Includes bar, line, pie, donut, radar, radial bar, and bubble charts.