OpenStatus Components — Preview & Copy | 21st

OpenStatus

Open-source uptime monitoring and status page platform with checks from global regions.

by OpenStatus

1component13.8Kviews45bookmarks

Installs all 22 components. Without our CLI, run instead.

Auto-indexed

Datetime Picker

That's all 1 components

About OpenStatus

OpenStatus publishes a shadcn registry at openstatus.dev, with 22 components installable through the shadcn CLI.

Components: 22
GitHub stars: 9,015
Last commit: Aug 25, 2026
Repository: openstatusHQ/openstatus

Also in the OpenStatus registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

Status Banner
status-banner
Alert-style status banner with tabs support and timestamp display
status-types, status-utils, tabs1 file
Status Bar
status-bar
Interactive status timeline with hover, keyboard navigation, and event display
date-fns1 file
Status Blank States
status-blank
Empty and skeleton state components for loading and no-data scenarios
1 file
Status Calendar
status-calendar
Monthly calendar view of status history with per-day markers and event hover cards
date-fns, lucide-react, react-day-picker@81 file
Status Page Chrome
status-chrome
Full status page chrome — shell, header, footer, get-in-touch, status-updates, theme + locale switchers. Combine with status-essentials or status-complete for the body
Status Page (Complete)
status-complete
Complete status page components including all primitives, displays, interactive elements, and chrome (header / footer / switchers)
status-types, status-utils
Status Component
status-component
Monitor component primitives for building status displays
date-fns, lucide-react1 file
Status Component Group
status-component-group
Collapsible group wrapper for status components
status-types, collapsible1 file
Status Page (Essentials)
status-essentials
Essential status page components for basic status displays
status-types, status-utils
Status Events
status-events
Event timeline components for displaying status reports and maintenance updates
@radix-ui/react-slot, date-fns, lucide-react1 file
Status Feed
status-feed
Unified feed component combining status reports and maintenance events
status-types1 file
Status Blocks i18n Provider
status-i18n
React context for supplying translated labels and locale-aware date formatters to status blocks. Optional — blocks fall back to defaultStatusBlocksLabels (en-US) when no provider is mounted.
status-types, status-utils1 file
Status Icon
status-icon
Unified status icon component with variants for different contexts
lucide-react1 file
Status Layout
status-layout
Layout primitives for composing status displays (Status, StatusHeader, StatusTitle, etc.)
1 file
Status Locale Switcher
status-locale-switcher
Agnostic locale picker. Caller owns value, onValueChange, and label resolution — no next-intl, router, or locale detection
button, dropdown-menu, skeleton1 file
Status Page Footer
status-page-footer
Presentation-only footer chrome (powered-by, action cluster). Embed/white-label gating, switchers, and tRPC fetch stay in the wrapping app
1 file
Status Page Get-in-Touch
status-page-get-in-touch
Two flat button primitives (icon + text) with tooltip chrome for the contact link in a status page header
button, tooltip1 file
Status Page Header
status-page-header
Presentation-only header chrome (brand, nav, actions). Routing-agnostic — apps inject their own Link component via asChild
button1 file
Status Page Shell
status-page-shell
Outer chrome wrappers (StatusPageShell + StatusPageMain) around header / main / footer. Routing-agnostic with embed-aware Tailwind classes that activate only when an ancestor sets data-embed
1 file
Status Theme Switcher
status-theme-switcher
Agnostic light/dark/system theme switcher. Caller owns the value and onValueChange wiring (next-themes, form state, etc.)
lucide-react1 file
Status Timestamp
status-timestamp
Interactive timestamp display with tooltip (simple) or hover-card (rich) variants showing multiple timezone formats
@radix-ui/react-hover-card, date-fns, @date-fns/utc@2.1.0, lucide-react1 file
Status Updates
status-updates
Popover with copy-link primitives for RSS, Atom, JSON, Slack, and SSH subscription channels. Flat exports — caller composes layout (tabs, sections, etc.)
lucide-react1 file

From the OpenStatus readme

openstatus

The open-source status page and uptime monitoring platform.

Learn more »


Documentation
·
Website
·
Discord

About openstatus

openstatus is an open-source platform that combines status pages and uptime monitoring in a single tool. Keep your users informed and your services reliable. Available as a managed service or self-hosted.

Why openstatus?

Status pages + monitoring in one tool — no need to wire up a separate monitoring service
28 global regions checking in parallel across 3 cloud providers
Flat pricing, unlimited members — no per-seat or per-subscriber charges
Open source & self-hostable — AGPL-3.0, private-locations run in a single 8.5MB Docker image
Monitoring as code — YAML config, CLI, GitHub Actions, Terraform
Incident communication — subscriber notifications via email, RSS, and webhooks

Status pages

Beautiful, customizable status pages with custom domains, password protection, maintenance windows, and subscriber notifications via email and RSS. Build trust and keep your users informed during incidents.

Uptime Monitoring

Monitor your servers, websites and APIs from 28 regions across multiple cloud providers globally. Get notified via Slack, Discord, PagerDuty, email, and more when your services are down or slow.

Recognitions

Tooling

Everything the dashboard does is reachable from your terminal, your infrastructure code, and your AI assistant — all sharing a single API key.

API — typed JSON-over-HTTP (ConnectRPC) with a Node SDK
CLI — interactive for humans, --json for agents, YAML monitoring as code
Terraform — monitors, notifications, and status pages as HCL
MCP server — connect Claude, ChatGPT, Cursor, or any MCP client to your workspace

Getting Started

With Docker (Recommended)

The fastest way to get started for both development and self-hosting:

# 1. Copy environment file
cp .env.docker.example .env.docker

# 2. Start all services
docker compose up -d

# 3. Access the application
open http://localhost:3002  # Dashboard
open http://localhost:3003  # Status Pages

Full guide: DOCKER.md

Self-Hosting with Coolify

We provide pre-built Docker images for easy deployment:

ghcr.io/openstatushq/openstatus-server:latest
ghcr.io/openstatushq/openstatus-dashboard:latest
ghcr.io/openstatushq/openstatus-workflows:latest
ghcr.io/openstatushq/openstatus-private-location:latest
ghcr.io/openstatushq/openstatus-status-page:latest
ghcr.io/openstatushq/openstatus-checker:latest

Complete Coolify Deployment Guide

Manual Setup

Requirements

Node.js >= 20.0.0
pnpm >= 10.26.0
Bun
Deno
Turso CLI.

Dashboard

See apps/dashboard/README.md for full steps (env, db, login, troubleshooting).

Status page

Install dependencies

pnpm install

Run the server

pnpm -w dev:status-page.

Web (marketing site)

Install dependencies

pnpm install

Run the server

pnpm -w dev:web.

Tech Stack

Next.js - Dashboard
Hono - API server
Go - Checker
Turso - Database
Drizzle - ORM
Tinybird - Analytics
Tailwind CSS - Styling
shadcn/ui - UI components

Contributing

If you want to help us build the best status page and monitoring platform, check our contributing guidelines.

Contact

Interested in our enterprise plan or need special features? Email us at ping@openstatus.dev or book a call.

License

Distributed under the AGPL-3.0 License.

Read the rest on GitHub →

What OpenStatus builds on

The packages and primitives its components pull in, counted across the registry.

status-types12status-utils7button6skeleton5hover-card4separator4tooltip4dropdown-menu2badge1collapsible1input1popover1

Hooks and utilities

use-copy-to-clipboard
use-media-query

Registries like OpenStatus

Kibo UI

by Hayden Bleasel

components

Motoko UI

by Vlad Vovk

components

Interfaces DS

by jshguo

components

Browse every shadcn registry we track →

OpenStatus contents

Datetime Picker

About OpenStatus

Also in the OpenStatus registry

Status Banner

Status Bar

Status Blank States

Status Calendar

Status Page Chrome

Status Page (Complete)

Status Component

Status Component Group

Status Page (Essentials)

Status Events

Status Feed

Status Blocks i18n Provider

Status Icon

Status Layout

Status Locale Switcher

Status Page Footer

Status Page Get-in-Touch

Status Page Header

Status Page Shell

Status Theme Switcher

Status Timestamp

Status Updates

From the OpenStatus readme

About openstatus

Why openstatus?

Status pages

Uptime Monitoring

Recognitions

Tooling

Getting Started

With Docker (Recommended)

Self-Hosting with Coolify

Manual Setup

Requirements

Dashboard

Status page

Web (marketing site)

Tech Stack

Contributing

Contact

License

What OpenStatus builds on

Hooks and utilities

Registries like OpenStatus

Related libraries

About OpenStatus

All 1 OpenStatus components