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/ecommerce/ecommerceStorefrontnpx shadcn@latest add @vibra/ecommerce-overview/ecommerce/salesSales dashboardnpx shadcn@latest add @vibra/ecommerce-sales/ecommerce/orders/overviewOrders dashboardnpx shadcn@latest add @vibra/ecommerce-orders-overview/ecommerce/ordersOrder booknpx shadcn@latest add @vibra/ecommerce-orders/ecommerce/orders/[id]Order recordnpx shadcn@latest add @vibra/ecommerce-order/ecommerce/productsProduct cataloguenpx shadcn@latest add @vibra/ecommerce-products/ecommerce/products/[id]Product recordnpx shadcn@latest add @vibra/ecommerce-product/ecommerce/customersCustomer listnpx shadcn@latest add @vibra/ecommerce-customers/ecommerce/customers/[id]Customer recordnpx shadcn@latest add @vibra/ecommerce-customer/ecommerce/inventoryInventory dashboardnpx shadcn@latest add @vibra/ecommerce-inventory/ecommerce/fulfillmentFulfillmentnpx shadcn@latest add @vibra/ecommerce-fulfillment/ecommerce/posPoint of salenpx shadcn@latest add @vibra/ecommerce-posSingle cards cut from these pages, each installed on its own.
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().
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.