UI Kit

Pick a component, install only that one.

Built on Base UI, on top of your shadcn setup. The code lands in your project, and it is yours to edit. Get started

Button

Starts an action. Six styles, four sizes, and it can render as a link.

Success

Online
Active
Connected

Error

Offline
Disconnected
Failed

Warning

Away
Busy
Pending

Info

Idle
In Progress
Syncing

Default

Unknown
Not Set
N/A

Status badge 1

Shows a state with a colored label and a pulsing dot.

Protection
SSO login
Live
Audit trails
Safety checks
Production

Status badge 2

Puts a main state next to a quieter second one, split by a line.

System Status

  • APIOperationalLast: 2024-05-01
  • DatabaseDegradedLast: 2024-04-28
  • AuthOperational
  • EmailDownLast: 2024-05-02

Incident History

  • Email - 2024-05-02

    Email delivery outage. Resolved in 2h.

  • Database - 2024-04-28

    Performance issues. Resolved in 1h.

  • API - 2024-05-01

    Minor outage. Resolved in 30m.

System status

Shows each service's state, its recent history and past incidents.

Acme Corp / Home

Sidebar 1

App navigation with groups, nested items and a collapsed icon rail. This website uses it.

Sidebar 2

Simple navigation with your team below it and the signed-in person at the bottom.