One card of a page, installed alone: the card, the modules of its page it reads and the components it is drawn with. Drop it into a page of your own and it works the way it does on its dashboard.
A store's back office: sales, the order book, products, customers, stock, the parcels still to go out and the till in the shop.
npx shadcn@latest add @vibra/widget-ecommerce-overview-store-statsGross sales, orders, new customers and refunds over the window, each against the window before; reads storeStats().
npx shadcn@latest add @vibra/widget-ecommerce-overview-sales-by-categoryRevenue by category as a ring over the table behind it — orders, revenue and growth a category; reads salesByCategory().
npx shadcn@latest add @vibra/widget-ecommerce-overview-conversion-funnelSessions down to carts, checkouts and orders, the last step measured and the ones above it modelled from it, as the footer says; reads conversionFunnel().
npx shadcn@latest add @vibra/widget-ecommerce-overview-top-productsThe eight products the window moved most units of, ranked, each with its category; reads topProducts().
npx shadcn@latest add @vibra/widget-ecommerce-overview-orders-tableEverything placed in the window, newest first, filtered by status and searched by number or customer, the view kept in the URL; reads storeOrders().
npx shadcn@latest add @vibra/widget-ecommerce-sales-sales-statsBookings, open pipeline and win rate with their changes, and the quarter's quota as a goal track beside them; reads salesStats().
npx shadcn@latest add @vibra/widget-ecommerce-sales-revenue-by-monthBooked against fulfilled value over the complete months on the book — the gap between them is the warehouse; reads revenueByMonth().
npx shadcn@latest add @vibra/widget-ecommerce-sales-pipeline-by-stageThe open value that has reached each stage, narrowing as a funnel, and how many deals are open; reads pipelineByStage().
npx shadcn@latest add @vibra/widget-ecommerce-sales-reps-leaderboardClosed-won value by rep over the last months, ranked; reads repLeaderboard().
npx shadcn@latest add @vibra/widget-ecommerce-sales-deals-tableEvery deal on the board, newest first — searchable by account, filterable by stage, sortable and paged; reads deals().
npx shadcn@latest add @vibra/widget-ecommerce-orders-overview-order-kpisOrders, revenue, average order and fulfilment rate for the closed month, each on a bullet track against its target and moved against the month before; reads kpis().
npx shadcn@latest add @vibra/widget-ecommerce-orders-overview-orders-by-weekdayEvery order on the book, by the day of the week it was placed; reads ordersByWeekday().
npx shadcn@latest add @vibra/widget-ecommerce-orders-overview-revenue-by-regionBooked value by where the order shipped, as a donut with the whole book in its centre; reads revenueByRegion().
npx shadcn@latest add @vibra/widget-ecommerce-orders-overview-fulfilment-statusEvery order on the book by state in one bar, the five counts under it and the share shipped; reads fulfilmentSplit().
npx shadcn@latest add @vibra/widget-ecommerce-orders-overview-past-ordersThe whole book, newest first — searchable by account, filterable by status and region, sortable and paged; reads pastOrders().
npx shadcn@latest add @vibra/widget-ecommerce-order-order-itemsWhat was bought — each line's product, quantity, unit price and total at what the order charged — with the order's total under them; reads orderRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-order-order-shipmentWhere the parcel has got to as a stage bar, the time each stage was reached, the carrier, service, tracking and weight, and a hold when there is one; reads orderRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-order-order-customerWho placed the order, where it ships, how many orders they have placed and what they have spent on the ones they kept; reads orderRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-order-order-paymentHow the order was paid for, what was charged, refunded and kept, read off its live status; reads orderRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-order-order-historyThe customer's other orders, newest first, each with its status and total and a link to its own page; reads orderRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-products-products-statsActive products, units sold against the thirty days before, stock value at list price, and how many are at or below their reorder point; reads productRows().
npx shadcn@latest add @vibra/widget-ecommerce-product-product-figuresPrice, stock against the reorder point, and units and revenue over twelve weeks against the twelve before; reads productRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-product-units-chartTwelve weeks of units, a column a week, with the total and the weekly average above them; reads productRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-product-product-detailsThe product's drawing and what the catalogue holds for it — SKU, category, supplier, reorder point and status — with how many orders hold it and when it first sold; reads productRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-product-product-ordersThe newest orders that hold the product, whatever became of them, each with its customer, quantity and line total; reads productRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-product-product-editThe price and the stock edited in place and saved through the server, a refusal marked on the field it is about; reads productRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-customer-customer-overviewWhat the account is signed up to — status, plan, seats, contact, renewal and card on file — beside its monthly revenue line and what it has paid; reads customerRecord(id).
npx shadcn@latest add @vibra/widget-ecommerce-inventory-inventory-statsSKUs stocked, units on hand, inventory value and how many SKUs are below their reorder point; reads inventoryStats().
npx shadcn@latest add @vibra/widget-ecommerce-inventory-stock-levelsThe largest positions on the shelf by value, each with its supplier, units on hand, reorder point and how many reorder points deep it is; reads stockLevels().
npx shadcn@latest add @vibra/widget-ecommerce-inventory-reorder-alertsThe products at or below their reorder point, emptiest first, with the quantity that brings each shelf back; reads reorderAlerts().
npx shadcn@latest add @vibra/widget-ecommerce-inventory-turnover-chartHow many times a year each category's shelf turns over, from the units sold against the units on hand; reads turnoverByCategory().
npx shadcn@latest add @vibra/widget-ecommerce-inventory-suppliers-listThe suppliers holding the most stock by value, each with its SKUs and how many are below reorder; reads suppliers().
npx shadcn@latest add @vibra/widget-ecommerce-fulfillment-fulfillment-statsParcels in transit, delivered this week, open exceptions and mean transit time, each against the span before; reads fulfillmentStats().
npx shadcn@latest add @vibra/widget-ecommerce-fulfillment-throughput-chartHow many parcels each service handed to a carrier, by week or by calendar month as the reader switches; reads throughput().
npx shadcn@latest add @vibra/widget-ecommerce-fulfillment-carrier-mixThe parcels each carrier is holding right now, with how many it has already delivered; reads carrierLoad().
npx shadcn@latest add @vibra/widget-ecommerce-fulfillment-in-flight-boardThe moving parcels that have stood at their stage longest, a stage bar each, oldest first; reads inFlightParcels().
npx shadcn@latest add @vibra/widget-ecommerce-fulfillment-exception-listThe parcels that stopped and what stopped them, newest problem first, and how many more are open; reads openExceptions().
The numbers a subscription business watches: revenue, usage, retention, where the users are and what is happening right now.
npx shadcn@latest add @vibra/widget-saas-overview-overview-statsVisitors, signups, signup rate and median session over the range, each with its change and a sparkline, as tiles that pick what the traffic chart plots; reads overviewStatsByRange().
npx shadcn@latest add @vibra/widget-saas-overview-traffic-chartThe chosen measure a day at a time, the launch post marked and the period before drawn dashed on request, with CSV, PNG and print exports; reads trafficByRange().
npx shadcn@latest add @vibra/widget-saas-overview-traffic-sourcesVisitors by where they arrived from, as a donut with the total in its centre; reads trafficSourcesByRange().
npx shadcn@latest add @vibra/widget-saas-overview-top-pagesThe six most-read pages ranked by views, and how many pages saw any traffic; reads topPagesByRange().
npx shadcn@latest add @vibra/widget-saas-overview-recent-activityWhat the team changed, newest first and grouped by day, from the workspace's audit trail; reads recentActivity().
npx shadcn@latest add @vibra/widget-saas-overview-recent-signupsThe newest workspaces with their plan, status and join date, sortable, paged and with row actions; reads recentSignups().
npx shadcn@latest add @vibra/widget-saas-revenue-revenue-heroThe closing book counted up, its change on the month and on the year, the customer count, and ARPU, gross churn, lifetime value and gross retention beside it; reads revenueHeadline().
npx shadcn@latest add @vibra/widget-saas-revenue-revenue-rollupsNew, churned and net new MRR and the growth rate over a month, a quarter or a year, each figure rolling to its new reading when the window changes; reads revenueWindows().
npx shadcn@latest add @vibra/widget-saas-revenue-revenue-by-planTwelve closed months of MRR stacked by plan, with the quarter's target drawn across them; reads revenueByPlan().
npx shadcn@latest add @vibra/widget-saas-revenue-quarter-goalNet new MRR booked this quarter against the board's target, the months gone marked on the track and the days left under it; reads quarterGoal().
npx shadcn@latest add @vibra/widget-saas-revenue-mrr-movementsThe year's walk from the opening book — what started paying, what stopped, and the net between — as a waterfall; reads mrrMovements().
npx shadcn@latest add @vibra/widget-saas-revenue-revenue-mixThe closing book split by plan in one bar, and Enterprise's share of it now against a year ago; reads revenueMix().
npx shadcn@latest add @vibra/widget-saas-revenue-top-customersThe accounts paying the most, with their plan, owner, MRR and change on the month, and what share of the book they are together; reads topCustomers().
npx shadcn@latest add @vibra/widget-saas-revenue-committed-usageHow much of each allowance customers pay for they actually use, one meter an allowance; reads committedUsage().
npx shadcn@latest add @vibra/widget-saas-usage-usage-statsMonthly, weekly and daily active users and stickiness, each against the same day a week earlier; reads usageStats().
npx shadcn@latest add @vibra/widget-saas-usage-active-users-chartDaily and weekly active users drawn against the monthly population over the window, and how many used the product on the last full day; reads activeUsers().
npx shadcn@latest add @vibra/widget-saas-usage-top-accountsThe accounts with the most people in the product this month, ranked; reads topAccounts().
npx shadcn@latest add @vibra/widget-saas-usage-feature-adoptionThe share of live accounts that touched each surface, week by week, as a heatmap, and the surface used most widely this week; reads adoptionGrid().
npx shadcn@latest add @vibra/widget-saas-usage-retention-curveHow much of a signup cohort is still here week by week, down to the floor the curve settles on; reads retention().
npx shadcn@latest add @vibra/widget-saas-usage-event-streamWhat accounts changed in the product, newest first and grouped by day; reads eventStream().
npx shadcn@latest add @vibra/widget-saas-retention-retention-statsHow many signed up, and how many of them were still here a week, four weeks and eight weeks on; reads retentionStats().
npx shadcn@latest add @vibra/widget-saas-retention-cohort-heatmapEach week's signups down the side and each week of their life along the top, the share still active in every cell; reads cohortGrid().
npx shadcn@latest add @vibra/widget-saas-retention-segment-bubblesThe live accounts by plan, one bubble a plan, sized by how many; reads segments().
npx shadcn@latest add @vibra/widget-saas-retention-retention-curvesThe oldest cohorts as lines against the average of every cohort, week by week; reads retentionCurves().
npx shadcn@latest add @vibra/widget-saas-retention-weekly-signupsEvery cohort at the size it opened, with the weekly target drawn across; reads signupsByWeek().
npx shadcn@latest add @vibra/widget-saas-global-global-statsSessions over the last day, the countries they came from, p95 response weighted by where the traffic was, and booked revenue across the paid orders; reads globalStats().
npx shadcn@latest add @vibra/widget-saas-global-sessions-mapA world map of the last day's sessions, a marker a country sized by its traffic; reads mapMarkers().
npx shadcn@latest add @vibra/widget-saas-global-country-sessionsThe busiest countries of the last day, ranked, out of every country with traffic; reads countryTraffic().
npx shadcn@latest add @vibra/widget-saas-global-revenue-by-regionBooked value by the region the account is in; reads revenueByRegion().
npx shadcn@latest add @vibra/widget-saas-global-recent-ordersThe eight newest orders from anywhere, with their account, country, status and total; reads recentOrders().
npx shadcn@latest add @vibra/widget-saas-live-live-statsActive sessions, events a minute, p95 response and error rate, each rolling to the newest reading with its change and a sparkline of the ones before; reads liveFrames().
npx shadcn@latest add @vibra/widget-saas-live-live-tickerThe busiest countries scrolling past, each with its sessions and its change since the last reading, and whether the clock is running; reads countriesNow().
npx shadcn@latest add @vibra/widget-saas-live-live-eventsEverything the platform did in the last few minutes, a row landing every few seconds; reads liveRows().
npx shadcn@latest add @vibra/widget-saas-live-sessions-by-countryThe hour just gone, busiest country first; reads countriesNow().
npx shadcn@latest add @vibra/widget-saas-live-latency-by-countryEach busy country's p95 response over the hour just gone, against the objective drawn across; reads countriesNow().
npx shadcn@latest add @vibra/widget-saas-subscriptions-subscription-statsMRR across the paying subscriptions, live subscriptions of every one ever opened, trials not billing yet, and the average paying account; reads subscriptionStats().
npx shadcn@latest add @vibra/widget-saas-subscriptions-mrr-movementsOpening book, new, churn and closing book over the window, as a waterfall that closes to the cent; reads mrrMovements().
npx shadcn@latest add @vibra/widget-saas-subscriptions-plan-mixThe live subscriptions by tier as a donut, with the live total in its centre; reads planMix().
npx shadcn@latest add @vibra/widget-saas-subscriptions-churn-cohortsEach month's signups and the share of them still on the book, month by month, as a heatmap; reads churnCohorts().
npx shadcn@latest add @vibra/widget-saas-subscriptions-trials-expiringThe trials closest to running out, soonest first, each with its contact, plan, seats and days left; reads trialsExpiring().
npx shadcn@latest add @vibra/widget-saas-subscriptions-subscription-tableEvery subscription ever opened, newest first — searchable, filterable, sortable and paged; reads subscriptionRows().
npx shadcn@latest add @vibra/widget-saas-customers-customer-statsLive workspaces of every one created, new last month against the month before, paying accounts and churned ones; reads customerStats().
npx shadcn@latest add @vibra/widget-saas-customers-growth-by-monthNew workspaces a month, the month in progress projected to its end at the trailing daily rate; reads growthByMonth().
npx shadcn@latest add @vibra/widget-saas-customers-acquisition-funnelEvery workspace ever opened, down through the live, the paid and the billing ones to Team or Enterprise, with the clicks and leads that brought them in; reads acquisitionFunnel().
npx shadcn@latest add @vibra/widget-saas-customers-campaign-goalsConversions against target for the five campaigns that bought the most clicks, each with its state and dates; reads campaignGoals().
npx shadcn@latest add @vibra/widget-saas-customers-customer-directoryEvery workspace, newest first — searchable, filterable by plan and status, sortable and paged; reads directory().
Deals, leads and campaigns: the pipeline, who is in it, and what it cost to fill.
npx shadcn@latest add @vibra/widget-crm-overview-crm-statsThe quarter's target as a ring with what is won and still to go, beside customers, open deals and won this quarter with their changes; reads crmStats().
npx shadcn@latest add @vibra/widget-crm-overview-leads-by-sourceWhere the funnel is fed from, as a ring with the total in its centre and the count a source under it; reads leadsBySource().
npx shadcn@latest add @vibra/widget-crm-overview-follow-upsThe week's follow-ups as a checklist with their priority — ticking one completes it on the server and says so; reads followUps().
npx shadcn@latest add @vibra/widget-crm-overview-pipelineEvery open deal by stage, lost ones aside, with the count and value a stage and its share of the whole; reads pipeline().
npx shadcn@latest add @vibra/widget-crm-overview-leads-tableEvery lead on the books, newest first — searchable, filterable by source, sortable and paged, each convertible to a deal; reads leadRows().
npx shadcn@latest add @vibra/widget-crm-leads-leads-statsOpen leads and how many are qualified, what they are worth if every one closed, new leads against the thirty days before, and the win rate; reads leadRows().
npx shadcn@latest add @vibra/widget-crm-marketing-marketing-statsSpend, conversions, cost per acquisition and return on ad spend over the window, each against the window before; reads marketingStats().
npx shadcn@latest add @vibra/widget-crm-marketing-spend-conversions-chartWhat every live campaign spent a day, as columns, against the conversions it bought on their own axis; reads spendAndConversions().
npx shadcn@latest add @vibra/widget-crm-marketing-channel-mixLifetime spend by channel as a donut, with the total in its centre and the leading channel's share; reads channelMix().
npx shadcn@latest add @vibra/widget-crm-marketing-campaigns-tableThe biggest budgets whatever their channel, with status, spend, clicks, conversions and what each conversion cost; reads topCampaigns().
npx shadcn@latest add @vibra/widget-crm-marketing-utm-tableThe tagged links behind the campaigns, busiest first, with their sessions, conversions and rate; reads utmRows().
npx shadcn@latest add @vibra/widget-crm-campaigns-campaigns-statsWhat the slate has spent, the conversions it bought from its clicks, what each conversion cost, and how many campaigns are live; reads campaignRows().
npx shadcn@latest add @vibra/widget-crm-campaigns-spend-chartA year of spend a month, one stack a month and one segment a channel, each campaign's spend spread over the days it ran; reads monthlySpend().
The help desk: the queue, the inbox, the help centre and what changed since a customer last looked.
npx shadcn@latest add @vibra/widget-support-overview-support-statsTickets open now, median first response, median resolution and how many were resolved over the window; reads supportStats().
npx shadcn@latest add @vibra/widget-support-overview-ticket-volumeTickets opened against tickets resolved, day by day over the window, with both totals; reads ticketVolume().
npx shadcn@latest add @vibra/widget-support-overview-service-levelsThe share of first replies sent inside their priority's promise, and what each promise is; reads slaAttainment().
npx shadcn@latest add @vibra/widget-support-overview-csat-panelHow closed tickets were rated out of five, and how many ratings that is; reads csat().
npx shadcn@latest add @vibra/widget-support-overview-ticket-queueWhat is still outstanding, longest waiting first, each with its requester, priority, assignee and how long it has waited; reads queue().
npx shadcn@latest add @vibra/widget-support-overview-agents-leaderboardWho closed the most over the window, with their median first reply and their rating; reads agentLeaderboard().
npx shadcn@latest add @vibra/widget-support-help-contact-cardWhere a reader goes when no article answers — open a ticket or write to support — and the hours support answers in; it reads no rows.
npx shadcn@latest add @vibra/widget-support-changelog-subscribe-formOne address on the release-notes list, subscribed through the server — a refusal marked on the field, a confirmation in its place; reads shippedLine().
Deploys, uptime, incidents, alerts and logs — what is broken, since when, and who has it — and the public status page.
npx shadcn@latest add @vibra/widget-engineering-overview-engineering-statsDeploy frequency, lead time, change failure rate and time to restore over the last thirty days, a thin median saying how many incidents it stands on; reads engineeringStats().
npx shadcn@latest add @vibra/widget-engineering-overview-deploy-frequencyProduction deploys a week over the last twelve, the ones that shipped clean against the ones that failed on the way out; reads deploysByWeek().
npx shadcn@latest add @vibra/widget-engineering-overview-deploys-timelineThe last six production releases, newest first, each with its commit, branch, author, how long it ran and how it ended; reads productionTimeline().
npx shadcn@latest add @vibra/widget-engineering-overview-recent-deploymentsThe last eight deploys to any environment, with the commit, branch, status, author, pipeline time and when each started; reads recentDeployments().
npx shadcn@latest add @vibra/widget-engineering-overview-open-prsWhat is waiting for review, oldest first, each with its checks, author, size and how many approvals it has; reads openPullRequests().
npx shadcn@latest add @vibra/widget-engineering-monitoring-latency-chartp50, p95 and p99 by hour of day over every timed request in the gateway log, and the band p95 stayed inside; reads latency().
npx shadcn@latest add @vibra/widget-engineering-monitoring-resource-gaugesCPU, memory and disk across the ingest fleet right now, each gauge turning at its own warning and danger lines; reads resources().
npx shadcn@latest add @vibra/widget-engineering-monitoring-uptime-panelNinety days, a bar a day, for the three services that had the worst of it, each with the availability its probes measured; reads uptime().
npx shadcn@latest add @vibra/widget-engineering-monitoring-region-listWhere traffic is served from, the troubled regions first, each with how many services it runs and its worst uptime today; reads regions().
npx shadcn@latest add @vibra/widget-engineering-monitoring-error-heatmapThe errors the gateway logged by weekday and hour, UTC, and the worst block of the week; reads errorGrid().
npx shadcn@latest add @vibra/widget-engineering-monitoring-incidents-panelOpen incidents first, then the ones that closed most recently, each with its severity, stage and the services it hit; reads incidents().
npx shadcn@latest add @vibra/widget-engineering-monitoring-service-logsThe tail of the gateway's stream, newest at the bottom, filterable by level and text and following new lines; reads logLines().
npx shadcn@latest add @vibra/widget-engineering-incidents-on-call-cardWho holds the pager — the primary, the secondary and the escalation — and how many incidents each has commanded this quarter; reads onCall().
npx shadcn@latest add @vibra/widget-engineering-status-service-uptimeEvery service with its state now and ninety days of availability behind it, a strip each over one shared date legend; reads services().
npx shadcn@latest add @vibra/widget-engineering-status-incident-historyThe last fourteen days of closed incidents with the updates their responders published, each run of quiet days folded into one line; reads incidentHistory().
The people team's desk: the directory, roles, invitations, the leaderboard and who is out this month.
npx shadcn@latest add @vibra/widget-people-overview-people-statsHeadcount against the start of the quarter, this week's attendance against last week's, the leave requests waiting and the average KPI; reads peopleStats().
npx shadcn@latest add @vibra/widget-people-overview-headcount-by-typeFull-time against contract headcount as two tinted tiles, each with how it has moved since last quarter; reads headcountByType().
npx shadcn@latest add @vibra/widget-people-overview-attendance-chartMonday to Friday stacked as on time, late and absent, with the week's rate against last week's and how many arrived late; reads attendanceWeek().
npx shadcn@latest add @vibra/widget-people-overview-work-calendarThe month with a count on every day that has something on it, and the picked day's meetings, deadlines, releases and time off; reads calendarEvents().
npx shadcn@latest add @vibra/widget-people-overview-employees-tableEveryone on the payroll — searchable, filterable by department, sortable and paged — with the rows the filters leave exported as CSV; reads employeeRows().
npx shadcn@latest add @vibra/widget-people-overview-leave-queueThe requests waiting on a decision, each approved or declined through the server where it stands, a refusal said above the queue; reads leaveQueue().
npx shadcn@latest add @vibra/widget-people-overview-departmentsHeadcount by department as one segmented bar, then a tile a department with its count and its share, in the bar's own colours; reads departments().
npx shadcn@latest add @vibra/widget-people-overview-arrivalsWhen people clock in, as an hour-by-weekday grid, darker where more of them arrive; reads arrivals().
npx shadcn@latest add @vibra/widget-people-directory-team-summaryThe people in the workspace and how many of them are active, the seats offered and not yet taken, and the seats the plan includes; reads summary().
npx shadcn@latest add @vibra/widget-people-leave-leave-statsWhat is waiting on a decision, who is out today, the working days of approved leave this month and how the decided requests went; reads leaveRows().
npx shadcn@latest add @vibra/widget-people-leave-month-stripThe month as one strip of days, each with how many are out on approved leave and how many more have asked, the picked day's names listed under it; reads leaveRows().
Cash in and cash out: the ledger, invoices, payments, balances in four currencies and a treasury held in crypto.
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().
The work and the team around it: tasks, a timeline, to-dos, notes, a calendar, the automations that run it, chat, mail, the team feed and files.
npx shadcn@latest add @vibra/widget-projects-overview-project-statsActive projects and how many are at risk, the share on track, the hours logged this month and the overdue tasks; reads projectStats().
npx shadcn@latest add @vibra/widget-projects-overview-delivery-chartPoints planned against points done over three, six or twelve months, by week, fortnight or four weeks as the range picks; reads deliveryByRange().
npx shadcn@latest add @vibra/widget-projects-overview-team-cardHow many people are on the team, the six with the most on their plate, and the mean cycle time, throughput and review time; reads team().
npx shadcn@latest add @vibra/widget-projects-overview-due-this-weekThe three tasks due soonest, a card each with its priority, due day and project code, and a link through to the board; reads dueThisWeek().
npx shadcn@latest add @vibra/widget-projects-overview-delivered-by-quarterPoints finished in each of the last four quarters, as sideways bars; reads deliveredByQuarter().
npx shadcn@latest add @vibra/widget-projects-overview-effort-by-statusPoints on the board by column, as a ring with the total in its centre and a count a column under it in the ring's colours; reads effortByStatus().
npx shadcn@latest add @vibra/widget-projects-overview-projects-tableEvery project on the books with its owner, dates, status and progress — searchable, sortable and paged — each archived through the server from its row menu; reads projectRows().
npx shadcn@latest add @vibra/widget-projects-files-storage-statsThe drive's files in four kinds, each with its count, the bytes it takes as a share of everything used, and a way through to the browser; reads storageGroups().
npx shadcn@latest add @vibra/widget-projects-files-storage-bandWhat is used against the plan's quota as one bar split by kind, and how much is still free; reads storageBand().
npx shadcn@latest add @vibra/widget-projects-files-transfers-chartFiles moved in or out each month, desktop stacked on mobile, with the window it covers; reads transfersByMonth().
npx shadcn@latest add @vibra/widget-projects-files-uploads-chartUploads a month over the last twelve months, or a day over the last thirty or seven, as the reader switches; reads uploadsByRange().
npx shadcn@latest add @vibra/widget-projects-files-recent-uploadsThe files touched most recently, with kind, size and when each landed, starred through the server or readied for download from its row menu; reads recentUploads().
A hotel's front desk: tonight's arrivals and departures, the bookings, the room rack and the guests.
npx shadcn@latest add @vibra/widget-hotel-overview-desk-statsTonight's occupancy, average daily rate and revenue per available room, and the arrivals still to check in, worked out of tonight's own stays; reads frontDeskStats().
npx shadcn@latest add @vibra/widget-hotel-overview-availability-panelThe month's nights, each filled by how many rooms are left, and the rooms free on the night picked; reads availability().
npx shadcn@latest add @vibra/widget-hotel-overview-guest-flowToday's arrivals, the house and the departures in three tabs, each guest checked in or out through the server from their row; reads guestFlow().
npx shadcn@latest add @vibra/widget-hotel-overview-booking-sourcesArrivals by the channel they booked through, week by week over the eight weeks around tonight; reads sourceGrid().
npx shadcn@latest add @vibra/widget-hotel-overview-arrivals-tableEvery guest due in tonight with the room they are going into, searchable by name and filtered by channel; reads guestFlow().
npx shadcn@latest add @vibra/widget-hotel-bookings-booking-figuresHow full the next thirty nights are and what they are worth, what the last week booked, and the share of the book cancelled; reads bookingsView(query).
npx shadcn@latest add @vibra/widget-hotel-rooms-floor-planEvery room tonight drawn to its size, floor by floor with each floor's occupancy and a key that counts each state, and a room's sheet a click away that checks its guest in or out through the server; reads floorPlan().
npx shadcn@latest add @vibra/widget-hotel-rooms-rack-ratesWhat each room type asks against what the rooms sold tonight pay, and the house as a whole; reads rackRates().
npx shadcn@latest add @vibra/widget-hotel-rooms-turnoversThe rooms changing hands today — who goes out and who, if anyone, comes in behind them — the rooms with a guest behind them first; reads floorPlan().
npx shadcn@latest add @vibra/widget-hotel-guests-guest-figuresEvery name on the book, how many have stayed twice or more, what a guest spends across their stays and how many arrive this week; reads guestsView(query).
A clinic's day: the appointments, the patients, the doctors and how full the schedule is.
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-statsAppointments, new patients, procedures done and the revenue they earned over the last thirty days, each against the thirty before; reads clinicStats().
npx shadcn@latest add @vibra/widget-clinic-overview-visits-chartSix months of visits to the three busiest departments, a line each, turned back a year from its select; reads visitsByDepartment().
npx shadcn@latest add @vibra/widget-clinic-overview-department-donutEveryone the clinic has seen, by the department that saw them, as a donut with the total in its centre; reads patientsByDepartment().
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-calendarThe month with a count on every day that has visits, and the picked day's patients, doctors and times under it; reads appointmentsByDay().
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-notesThe desk's pinboard, newest first, and a field that pins a note through the server, a blank one refused where it was typed; reads clinicNotes().
npx shadcn@latest add @vibra/widget-clinic-overview-top-proceduresThe five procedures booked most often as one split bar, then each with its count and its share; reads topProcedures().
npx shadcn@latest add @vibra/widget-clinic-overview-appointments-tableEverything booked from now on, soonest first and searchable by patient, a visit due today checked in from its row through the server; reads upcomingAppointments().
npx shadcn@latest add @vibra/widget-clinic-overview-recent-proceduresThe six procedures finished most recently, newest first, each with the patient and the day; reads recentProcedures().
npx shadcn@latest add @vibra/widget-clinic-appointments-visit-figuresToday's visits and how many are in or done, what is booked from now on and the clinic time it takes, the month's visits and new patients, and the share cancelled; reads visitRows().
npx shadcn@latest add @vibra/widget-clinic-patients-patient-figuresEveryone in the book, the month's first visits, the patients seen twice or more, and those with a visit still to come; reads patientFigures(rows).
npx shadcn@latest add @vibra/widget-clinic-doctors-doctor-figuresThe doctors on the schedule and their departments, the hours booked over twenty-eight days and the busiest department, the month's visits and how many were seen, and the visits cancelled; reads clinicFigures(doctors).
An agency's book: the listings, the agents holding them and the viewings booked this month.
npx shadcn@latest add @vibra/widget-real-estate-overview-listing-statsListings on the market and how many are under offer, the month's enquiries against the same days of the last, the quarter's closings and the commission they earned; reads listingStats().
npx shadcn@latest add @vibra/widget-real-estate-overview-performance-chartClosings against viewings by week, month or year, as the reader switches; reads performance().
npx shadcn@latest add @vibra/widget-real-estate-overview-spotlight-cardThe listing with the most enquiries — its facts, a month of its daily views and its agent's book — drawn with the kit rather than photographed; reads spotlight().
npx shadcn@latest add @vibra/widget-real-estate-overview-closed-bandWhat has closed against the whole book as one band, and what is still being worked beside it; reads closedBand().
npx shadcn@latest add @vibra/widget-real-estate-overview-viewings-listThe booked viewings, soonest first — the date, the listing and the agent showing it — three at first and the rest folded out in place; reads viewings().
npx shadcn@latest add @vibra/widget-real-estate-overview-agents-listEveryone holding a listing, the city most of their book is in and a number to call; reads agents().
npx shadcn@latest add @vibra/widget-real-estate-overview-sales-by-channelThe quarter's closings by the channel that brought the buyer, as a ring with a count a channel under it; reads salesByChannel().
npx shadcn@latest add @vibra/widget-real-estate-overview-portfolio-cardThe whole book by status as one bar, and what is listed and what has sold with their shares; reads portfolio().
npx shadcn@latest add @vibra/widget-real-estate-overview-listings-tableEvery listing still on the market, newest first, with its kind, city, price, status and agent — searchable by title or city, filtered by kind, sortable and paged; reads activeRows().
npx shadcn@latest add @vibra/widget-real-estate-overview-viewing-calendarThe month with a count on every day that has a viewing booked, and the picked day's viewings under it; reads viewings().
npx shadcn@latest add @vibra/widget-real-estate-listings-book-figuresWhat is on the market and under offer, what it asks and the median ask, what has closed — sold and let — and the enquiry rate its views turned into; reads bookTotals().
npx shadcn@latest add @vibra/widget-real-estate-listing-facts-panelThe listing drawn with the kit rather than photographed — its kind's glyph, the asking price, the price per square metre against its city's median and the rest of what the row records; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-interest-chartThe listing's views and the enquiries they turned into, week by week over the last twelve complete weeks of its life; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-price-historyThe asking price from the day it was listed, each cut with its size, and the closing once there is one; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-deal-cardWhere the deal stands and the two verbs that move it — an offer taken, and a sale — each written through the server, a refusal marked with its reason; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-agent-cardThe agent holding the listing — a face, a number to call and an address to write to — and their book this year; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-viewing-cardThe next viewing booked on the listing and who is showing it, or that a closed listing has none; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-agents-agent-figuresThe agents holding listings and the cities they cover, what is on the market, what closed this year — sold and let — and the enquiries every listing drew; reads agencyTotals(agents).
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewing-figuresThe viewings booked in the next four weeks, those in the next seven days, the busiest day and the agents showing; reads viewingRows().
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewings-calendarThe four weeks as a month, every day with a viewing marked with how many, and how many the picked day holds; reads viewingRows().
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewings-agendaThe next four weeks day by day — the time, the listing, where it is and who is showing it — each viewing moved to another slot through the server; reads viewingRows().
An online school: the courses, the students on them and how far each has got.
npx shadcn@latest add @vibra/widget-academy-overview-welcome-cardThe learner greeted by name, with their courses in progress, their hours in the last thirty days, their certificates and their streak, and a way into the catalogue; reads learnerSummary().
npx shadcn@latest add @vibra/widget-academy-overview-learning-pathsThe two tracks through the catalogue, each with the modules finished and a bar; reads learningPaths().
npx shadcn@latest add @vibra/widget-academy-overview-leaderboardThe five members with the most points this term, ranked; reads leaderboard().
npx shadcn@latest add @vibra/widget-academy-overview-success-rate-panelThe share of every enrolment that finished, against the term before, with the learners and the passing count behind it; reads successRate().
npx shadcn@latest add @vibra/widget-academy-overview-progress-tilesThe learner's catalogue in two tiles — under way and finished — each with its share as a bar; reads progressSplit().
npx shadcn@latest add @vibra/widget-academy-overview-activity-donutHow the term's hours were spent, mentoring, organising and planning, as a donut; reads activityMix().
npx shadcn@latest add @vibra/widget-academy-overview-completion-chartAverage course completion across every learner, month by month over the last twelve complete months; reads completionByMonth().
npx shadcn@latest add @vibra/widget-academy-overview-courses-tableThe catalogue with what is open at the top, searchable and filtered by category, a course under way moved on a tenth through the server from its row; reads courseRows().
npx shadcn@latest add @vibra/widget-academy-courses-catalogue-figuresThe courses in the catalogue and the categories they cover, everyone ever enrolled, the share who finished, and the average rating; reads catalogueTotals().
npx shadcn@latest add @vibra/widget-academy-course-course-figuresEveryone the course has enrolled, the share who finished, its rating, and the students on it now with how far through they are; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-course-enrolment-chartNew learners on the course each week over the last twelve complete weeks; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-course-course-rosterThe students on the course now, furthest along first, each with a face, their progress, when they joined and were last in, and where they stand; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-course-instructor-cardWho teaches the course — their face and an address to write to — with the courses they teach, the learners those have taken and their rating; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-course-completion-funnelEveryone enrolled, how many opened the course and how many finished, each step with its share of the first and the rate from the step before; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-course-lesson-listThe course lesson by lesson — its kind, its length and how many students are past it — eight at first and the rest folded out in place; reads courseRecord(id).
npx shadcn@latest add @vibra/widget-academy-students-roster-figuresEveryone on the roster and how many are active, how many were in this week and their share of the roster, the average progress across their places, and how many graduated; reads rosterTotals().
A product with a model in it: tokens and cost, two assistants, an image studio and the voice jobs.
npx shadcn@latest add @vibra/widget-ai-overview-usage-summaryWhat the window cost across every provider, the requests and how many did not return 200, the tokens in and out, and the P95 latency beside the median; reads headline().
npx shadcn@latest add @vibra/widget-ai-overview-latency-chartThe median and 95th-percentile response time, a point a day over the thirty-day window; reads latencyByDay().
npx shadcn@latest add @vibra/widget-ai-overview-provider-mix-chartWhat each hosted-model provider billed over the window, in whole dollars, ranked with a bar each; reads providerMix().
npx shadcn@latest add @vibra/widget-ai-overview-status-mixHow every request in the window ended — OK, rate limited or server error — as one bar with its counts and shares; reads statusMix().
npx shadcn@latest add @vibra/widget-ai-overview-traces-tableThe newest twelve requests, the slowest twelve or every one that failed, and a panel on the one clicked with its tokens, cost and log record; reads tracesByView().
One command, and the page — its parts, its sample data, its server actions — is source in your repository. No account, no license key, nothing to keep in step with a release.
npx shadcn@latest add @vibra/widget-ecommerce-overview-store-stats