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 Screens 8 /pos-retail/register [New tab](https://agentic-ui-kit.com/pos-retail/register)[Try a theme](https://agentic-ui-kit.com/themes) ## 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 Radix UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-pos-retail ``` Checked: installs and builds in a clean Next.js project. Base UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-pos-retail ``` Checked: installs and builds in a clean Next.js project. Your project must be connected to the private registry first: [installation guide](https://agentic-ui-kit.com/docs#start-from-blueprint). ## Components it uses - [App Shell Pos Retail Shell](https://agentic-ui-kit.com/components/pos-retail-shell) - [Register Pos Retail Register](https://agentic-ui-kit.com/components/pos-retail-register) - [Payment Panel Pos Retail Payment Panel](https://agentic-ui-kit.com/components/pos-retail-payment-panel) - [Receipt Pos Retail Receipt](https://agentic-ui-kit.com/components/pos-retail-receipt) - [Shifts Pos Retail Shifts](https://agentic-ui-kit.com/components/pos-retail-shifts) - [Orders Pos Retail Orders](https://agentic-ui-kit.com/components/pos-retail-orders) - [Order Detail Pos Retail Order Detail](https://agentic-ui-kit.com/components/pos-retail-order-detail) - [Products Pos Retail Products](https://agentic-ui-kit.com/components/pos-retail-products) - [Inventory Pos Retail Inventory](https://agentic-ui-kit.com/components/pos-retail-inventory) - [Customers Pos Retail Customers](https://agentic-ui-kit.com/components/pos-retail-customers) - [Reports Pos Retail Reports](https://agentic-ui-kit.com/components/pos-retail-reports) - [Settings Pos Retail Settings](https://agentic-ui-kit.com/components/pos-retail-settings) - [Variant Picker Commerce Variant Picker](https://agentic-ui-kit.com/components/commerce-variant-picker) - [Low Stock Alerts Commerce Inventory Alerts](https://agentic-ui-kit.com/components/commerce-inventory-alerts) - [Loyalty Points Commerce Loyalty Points](https://agentic-ui-kit.com/components/commerce-loyalty-points) - [Sales Heatmap Chart Heatmap Matrix](https://agentic-ui-kit.com/components/chart-heatmap-matrix) - [Trend Cards Chart Sparkline](https://agentic-ui-kit.com/components/chart-sparkline) - [Line Items Editor Form Field Array](https://agentic-ui-kit.com/components/form-field-array) - [Tag Input Form Tag Input](https://agentic-ui-kit.com/components/form-tag-input) - [Bulk Actions Data Bulk Action Bar](https://agentic-ui-kit.com/components/data-bulk-action-bar) - [Details List Data Description List](https://agentic-ui-kit.com/components/data-description-list) - [Receipt Email Email Receipt](https://agentic-ui-kit.com/components/email-receipt) - [Print Layer Util Print Styles](https://agentic-ui-kit.com/components/util-print-styles) - [Export Menu Util Export Menu](https://agentic-ui-kit.com/components/util-export-menu) - [Reference Order List Ecommerce Order List](https://agentic-ui-kit.com/components/ecommerce-order-list) - [Reference Product List Ecommerce Product List Inventory Rows](https://agentic-ui-kit.com/components/ecommerce-product-list-inventory-rows) - [Reference Customer Detail Ecommerce Customer 360 Detail](https://agentic-ui-kit.com/components/ecommerce-customer-360-detail) - [Reference Low Stock Table Inventory OPS Low Stock Alert Table](https://agentic-ui-kit.com/components/inventory-ops-low-stock-alert-table) - [Reference Sales Dashboard Ecommerce Sales Dashboard](https://agentic-ui-kit.com/components/ecommerce-sales-dashboard)