Block

Dashboard Shell

A robust responsive layout structure complete with nav sidebar, responsive header menu controls, stats, and database transaction tables.


Interactive Preview

C

Monthly Revenue

$12,492.00

+18.2% from previous billing cycle

Active Licenses

+428

+4.1% monthly net active users

System Warnings

2 Warnings

SSL domain renewals pending config

Recent Transaction Ledgers

Receipt IDAccountStatusdateAmount
TX-901Alpha Agency
completed
May 24, 2026$1,299.00
TX-902Beta Labs
pending
May 23, 2026$499.00
TX-903Delta Studio
completed
May 22, 2026$2,800.00
TX-904Gamma Corp
failed
May 20, 2026$99.00

Registry Installation

pnpm dlx brutx@latest add dashboard-shell

Usage Examples

import { DashboardShell } from "@/components/ui/dashboard-shell"

export default function Page() {
  return (
    <DashboardShell
      userEmail="admin@my-company.com"
      onSignOutClick={() => logout()}
    />
  )
}