Skip to content
Agentic UI Kit
Buy

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
New tab Try a theme

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.

Components it uses