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/saas/saasAnalytics overviewnpx shadcn@latest add @vibra/saas-overview/saas/revenueRevenue dashboardnpx shadcn@latest add @vibra/saas-revenue/saas/usageProduct usage dashboardnpx shadcn@latest add @vibra/saas-usage/saas/retentionRetention dashboardnpx shadcn@latest add @vibra/saas-retention/saas/globalGlobal analytics dashboardnpx shadcn@latest add @vibra/saas-global/saas/liveLive traffic dashboardnpx shadcn@latest add @vibra/saas-live/saas/subscriptionsSubscriptions dashboardnpx shadcn@latest add @vibra/saas-subscriptions/saas/customersCustomers dashboardnpx shadcn@latest add @vibra/saas-customersSingle cards cut from these pages, each installed on its own.
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().
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.