Net revenue
$721,782
+46.3%vs prior(improving)
Components•Dashboard shell
Components•Dashboard shell
Dashboard shell
An application dashboard you can paste in whole: a sidebar that collapses to an icon rail and becomes a drawer on narrow containers, a header with search, a KPI row with sparklines, a revenue chart with keyboard stepping and a table view, a channel breakdown and a sortable, filterable orders table. It sizes to its container, not the window.
Dependencies
Copy below cli
npx shadcn@latest add https://ui.isaiahbjork.com/app-dashboard-shell.jsonHow to use
import { AppDashboardShell, sampleDashboardSeries, type DashboardOrder,} from "@/components/bjork-ui/blocks/app-dashboard-shell";const orders: DashboardOrder[] = [ { id: "HL-48213", customer: "Maren Okafor", email: "maren@fieldnote.studio", status: "paid", channel: "Direct", date: "2026-10-08", amount: 24_800, // minor units },];export function Dashboard() { return ( <div className="h-dvh"> <AppDashboardShell workspace={{ name: "Halcyon", plan: "Scale plan" }} user={{ name: "Rhea Castillo", email: "rhea@halcyon.app" }} orders={orders} getSeries={sampleDashboardSeries} // (range) => { points, kpis, channels } onNavigate={(id) => console.log("navigate", id)} onRangeChange={(range) => console.log("range", range)} /> </div> );}
Overview
Last 30 days · compared with the previous period
Active customers
2,804
+7.7%vs prior(improving)
Conversion
3.84%
+6.1%vs prior(improving)
Churn
1.92%
−16.9%vs prior(improving)
Revenue
$721,782+46.3% vs prior period
- This period
- Prior period
Last 30 days: $721,782 in revenue against $493,368 in the prior period. Use the left and right arrow keys to read each point.
Revenue by channel
$721.8K- Direct$245.4K34%
- Organic search$194.9K27%
- Partner$137.1K19%
- Email$86.6K12%
- Paid social$57.7K8%
Recent orders
14| Status | Channel | ||||
|---|---|---|---|---|---|
| HL-48213 | MO Maren Okafor HL-48213 · maren@fieldnote.studio | Paid | Direct | Oct 8, 2026 | $248.00 |
| HL-48212 | TR Tomás Reyes HL-48212 · tomas@kilnworks.co | Pending | Partner | Oct 8, 2026 | $1,120.00 |
| HL-48211 | IH Ines Halvorsen HL-48211 · ines@northpier.no | Paid | Organic | Oct 7, 2026 | $89.00 |
| HL-48210 | DR Dev Raman HL-48210 · dev@quietloop.io | Refunded | Paid social | Oct 7, 2026 | $312.50 |
| HL-48209 | AB Aiko Brandt HL-48209 · aiko@lumenhaus.de | Paid | Direct | Oct 6, 2026 | $2,430.00 |
| HL-48208 | CF Callum Ferris HL-48208 · callum@saltmarsh.co.uk | Failed | Oct 6, 2026 | $64.00 |
1–6 of 14
Page 1/3