Dashboard
hotComplete SaaS app shell — sidebar, header with search, KPI statistics, range-switchable revenue chart, activity timeline and invoices table.
appdata13 files · 971 locdeps: clsx, tailwind-merge
Overview
ALRevenue
$48,290
12.1%
Subscriptions
2,350
4.3%
Churn
1.8%
0.4%
Active now
573
2.2%
Revenue
$128,430
Activity
Hooli upgraded to Enterprise
Invoice INV-2040 sent
Payment failed for Umbrella
Weekly report generated
| Plan | Status | ||||
|---|---|---|---|---|---|
| INV-2041 | Northwind | Team | Paid | $1,180 | |
| INV-2040 | Globex | Pro | Pending | $240 | |
| INV-2039 | Initech | Pro | Paid | $240 | |
| INV-2038 | Umbrella | Team | Refunded | $2,360 | |
| INV-2037 | Hooli | Enterprise | Paid | $8,900 |
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/dashboard.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs dashboardUsage
import { Dashboard } from "@/components/opus/blocks/dashboard";
<Dashboard />Notes
- A block is a starting point, not a black box: copy it, then edit the copy and the content inline.