The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.
npx shadcn@latest add @vibra/finance/financeFinance dashboardnpx shadcn@latest add @vibra/finance-overview/finance/invoicesBilling ledgernpx shadcn@latest add @vibra/finance-invoices/finance/paymentsPaymentsnpx shadcn@latest add @vibra/finance-payments/finance/balancesBalancesnpx shadcn@latest add @vibra/finance-balances/finance/cryptoCrypto dashboardnpx shadcn@latest add @vibra/finance-cryptoSingle cards cut from these pages, each installed on its own.
npx shadcn@latest add @vibra/widget-finance-overview-finance-statsCash on hand, the month's net burn, the runway that burn leaves and the net margin on monthly revenue; reads financeStats().
npx shadcn@latest add @vibra/widget-finance-overview-profit-and-lossThe closed month's revenue walked down through payroll, marketing, hosting and tooling to the net, as a waterfall with CSV, PNG and print exports; reads profitAndLoss().
npx shadcn@latest add @vibra/widget-finance-overview-expenses-by-categoryThe month's spend as a treemap, payroll broken out by role and marketing by channel beside hosting and tooling; reads expensesByCategory().
npx shadcn@latest add @vibra/widget-finance-overview-invoice-agingEverything still owed, stacked as draft, open and overdue by how far past its due date it is, with the outstanding total; reads invoiceAging().
npx shadcn@latest add @vibra/widget-finance-overview-upcoming-payoutsWhat leaves the account next, soonest first — the payroll run, hosting, tools and the live ad accounts — and what that adds up to; reads upcomingPayouts().
npx shadcn@latest add @vibra/widget-finance-invoices-aging-bucketsThe whole receivable ledger by age — not yet due, one to thirty, thirty-one to sixty and over sixty days late — each with its sum and how many invoices; reads agingBuckets().
npx shadcn@latest add @vibra/widget-finance-payments-payments-statsThe month so far in three figures — what was captured, what was refunded and what failed — each against the same days of the month before; reads paymentStats().
npx shadcn@latest add @vibra/widget-finance-balances-balance-cardsA card per currency the store holds — the balance, what of it is available and what is pending, and its move on thirty days ago; reads balanceCards().
npx shadcn@latest add @vibra/widget-finance-balances-latest-transactionsThe last eight rows that settled or failed, newest first, each with who, how much in its own currency and which way, whether it went through, and when; reads latestTransactions().
npx shadcn@latest add @vibra/widget-finance-balances-exchange-ratesOne pair's closing rate over a week, a month, three months or a year, the latest rate ruled across the plot and the move over the period; reads rateSeries().
npx shadcn@latest add @vibra/widget-finance-balances-upcoming-transactionsWhat is booked ahead, soonest first, each with who it is to or from, its kind and date, and how many days off it is; reads upcomingTransactions().
npx shadcn@latest add @vibra/widget-finance-balances-currency-converterAn amount in one currency in another at the latest rates, crossed through the dollar and converted as it is typed, a bad amount marked on its field; reads dollarRates().
npx shadcn@latest add @vibra/widget-finance-crypto-crypto-overviewEvery wallet added up — how many transactions and wallets, the current balance at today's prices and the day's move; reads overview().
npx shadcn@latest add @vibra/widget-finance-crypto-wallets-listWhat each wallet is worth, how many assets it holds and which one leads it, the day's move, and the balance split between them as a bar; reads walletSummaries().
npx shadcn@latest add @vibra/widget-finance-crypto-trade-formBuy or sell a coin by its amount or by dollars, each field rewriting the other from the coin's price, the order placed through the server; reads coins().
npx shadcn@latest add @vibra/widget-finance-crypto-activity-listEvery buy, sell, send and receipt across the wallets, newest first, six rows or all of them, each with its amount and dollar value; reads recentTrades().
npx shadcn@latest add @vibra/widget-finance-crypto-balance-summaryWhat came in, went out and was sold for cash as three tiles, over the same three flows month by month for the last seven; reads balanceSummary().
npx shadcn@latest add @vibra/widget-finance-crypto-holdings-tableEvery asset in every wallet, largest first, with its wallet, amount, price, the day's move and its value at today's price; reads holdings().
Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.