shadcn/ui Status Page Pro template.
ProPro status page template: a live incident card on a stage rail, a per-service health grid, uptime history, and a scheduled-maintenance banner.
Pro status page template: a live incident card on a stage rail, a per-service health grid, uptime history, and a scheduled-maintenance banner.
Add this template as editable React and Tailwind source. The shadcn CLI installs the components and packages below for you. Pro installs need a license key and the Pro registry setup.
pnpm dlx shadcn@latest add @7ovr-pro/status-pro- Components11
- BadgeButtonChartCollapsibleFieldInputSeparatorSheetSonnerSpinnerUtils
- Packages2
- MotionRecharts
About this template
Premium public status page template built on Pro blocks: a spring-back header with a scheduled-maintenance banner, a live incident card that advances along a stage rail, a per-service health grid with response sparklines, a usage-against-quota panel, an expandable incident history, and an incident notification signup. Built with React, Tailwind CSS, and shadcn/ui, for Next.js, Vite or any React app. Install the whole page with one command, then own and edit every line.
What's inside7
Built on 7 Pro 7Ovr blocks, tweaked to work as one page and shipped with the template. Each one also stands alone, so you can preview the original block below.
- Hide On Scroll With AnnouncementHeader that slides away when scrolling down and springs back on any upward scroll, with a dismissible announcement banner that collapses past the first fold.
header-7Pro - Live Incident TimelineLive incident card whose status auto-advances from investigating to resolved along a stage rail, with a pulsing severity dot and affected component chips.
status-8Pro - Service Health SparklinesService health grid of cards, each with a live status dot, a response time sparkline that sweeps in, count-up uptime, and current latency.
status-9Pro - Quota And Limits PanelUsage and quota panel listing each resource against its limit, with meters that fill on scroll, count-up values, and near-cap warnings.
status-6Pro - Expandable Milestone RowsTimeline of expandable milestone rows anchored by big year numbers, each opening to reveal a detail paragraph and a pair of metric chips.
timeline-8Pro - Signup With Live Issue PreviewNewsletter signup with a validating email form and count-up reader total beside an email client preview that cross-fades between real-looking issues.
newsletter-6Pro - CTA Band With Corner NetFooter opening with a call to action band over a masked corner grid motif, above brand and nav columns and a live status bar.
footer-12Pro