Blueprint
Retail Point of Sale
Point of sale and back office for a small chain of retail stores: a register with a touch product grid, category chips, a barcode or SKU field with check-digit validation, a cart with quantity, line and order discounts (a manager PIN above the limit), line notes, customer attach with loyalty points, held sales and split payment in cash, card and gift card with exact change in integer cents, then a receipt to print or email; shifts with an opening float, pay in and out, a closing count by note and coin and the variance against expected cash; orders and returns with search of past sales, refund and exchange by unit with a reason and manager approval; products and inventory with size and color variants, stock per store, low-stock alerts from real sales, transfers between stores and purchase orders you receive; customers and loyalty with tiers, points and rewards; reports of takings by hour and day, top products, payment mix and a per-store comparison; and settings for stores, registers, tax classes, the receipt template and staff roles with PINs.
- Screens
- 8
- Framework
- Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
- Variants
- Radix UI and Base UI
- Install
- One command, every screen
What is implemented
- The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
- Sample data that ships with each component, so the screens render without a backend.
- Light and dark themes.
What you supply
- Your data: API routes or a backend in place of the sample data. No backend is included.
- Authentication and authorization. Sign-in screens, where present, are UI only.
- Persistence: database, file storage and any server-side state.
- Business rules and server-side validation.
Install
npx shadcn@4.17.0 add @agentic-ui/blueprint-pos-retailnpx shadcn@4.17.0 add @agentic-ui/blueprint-pos-retailYour project must be connected to the private registry first: installation guide.
Components it uses
- App ShellPos Retail Shell
- RegisterPos Retail Register
- Payment PanelPos Retail Payment Panel
- ReceiptPos Retail Receipt
- ShiftsPos Retail Shifts
- OrdersPos Retail Orders
- Order DetailPos Retail Order Detail
- ProductsPos Retail Products
- InventoryPos Retail Inventory
- CustomersPos Retail Customers
- ReportsPos Retail Reports
- SettingsPos Retail Settings
- Variant PickerCommerce Variant Picker
- Low Stock AlertsCommerce Inventory Alerts
- Loyalty PointsCommerce Loyalty Points
- Sales HeatmapChart Heatmap Matrix
- Trend CardsChart Sparkline
- Line Items EditorForm Field Array
- Tag InputForm Tag Input
- Bulk ActionsData Bulk Action Bar
- Details ListData Description List
- Receipt EmailEmail Receipt
- Print LayerUtil Print Styles
- Export MenuUtil Export Menu
- Reference Order ListEcommerce Order List
- Reference Product ListEcommerce Product List Inventory Rows
- Reference Customer DetailEcommerce Customer 360 Detail
- Reference Low Stock TableInventory OPS Low Stock Alert Table
- Reference Sales DashboardEcommerce Sales Dashboard