HextorStore
A complete commerce front end and admin, in your own repo.
Storefront and dashboard for a product business, modelled on the object graph Shopify settled on after a decade of it: products with options and variants, orders whose payment and fulfilment are independent, money as integers. Every page takes its data as props, so it drops onto whatever backend you already have instead of assuming one.
Open live demoPreview — Storefront — Account
One page in isolation — open the live demo to click through the whole thing.
Install
One command takes the whole template. Every item below can also be installed on its own — the pages depend on the shared model, not on each other.
npx shadcn@latest add @hextor/store-account @hextor/store-account-orders @hextor/store-cart @hextor/store-checkout @hextor/store-collection @hextor/store-home @hextor/store-product @hextor/store-search @hextor/store-dash-analytics @hextor/store-dash-customers @hextor/store-dash-discount-edit @hextor/store-dash-discounts @hextor/store-dash-inventory @hextor/store-dash-order-detail @hextor/store-dash-orders @hextor/store-dash-overview @hextor/store-dash-product-edit @hextor/store-dash-products @hextor/store-dash-settings @hextor/store-dash-ui @hextor/store-fixtures @hextor/store-model @hextor/store-uiWhat you get
- Money is integer minor units end to end — the total charged can never drift from the total shown
- Payment and fulfilment are separate axes, so an order can be paid and unfulfilled, or fulfilled and refunded
- Pages take data as props: no fetching, no router hooks, no assumed backend
- Charts are inline SVG reading CSS custom properties — no charting library in your bundle
- Copy is behind a labels object, so localising does not mean forking
- Deliberate in both light and dark, on the Hextor token layer
Storefront
What a customer sees: browse, choose a variant, and pay.
Overview, address book and profile, with marketing consent presented as a real choice.
The customer's full order list, newest first, with reorder.
Line items with quantity steppers, a discount code field that explains rejections, and a totals summary.
Contact, shipping address, delivery method and payment, beside a live order summary.
Product grid with tag, availability and price facets, plus sorting and a result count.
Hero, featured collections and a product grid.
Gallery, variant picker driven by product options, price with compare-at, and add to cart.
Query, facets and sorting, plus the two states that decide whether someone stays: nothing searched yet, and nothing found.
Dashboard
What an operator sees: what sold, what shipped, and what needs restocking.
Revenue, orders and conversion as small multiples, plus top products, a purchase funnel and a channel breakdown.
Customer table with orders count, total spent and marketing consent.
Code, kind, value, minimum, usage limit and window, with a live preview against a sample cart.
Codes with usage against limit, the active window, and the reason a code is not applying.
Stock by variant with on-hand, committed and available shown separately, plus audited adjustments.
Line items with fulfilled quantities, customer, addresses, a timeline and the totals breakdown.
Sortable, filterable order table with payment and fulfilment as separate columns and bulk selection.
Revenue, orders, AOV and conversion tiles beside a sales chart, recent orders and a low-stock list.
Title, description, media, pricing, inventory, variants and organisation, with a status control.
Catalogue table with inventory, status and price range, plus search and status filters.
Store details, currency, checkout, shipping zones, payment methods, notifications and staff.
Shared
What both surfaces agree on. Installing any page pulls these in.
The shared admin library: shell, data table, KPI tiles, sales chart, status badges, filter bar, timeline.
HextorStore sample dataOpt-in catalogue, cart, orders, customers and discounts covering the states that are easy to get wrong.
HextorStore domain modelProducts, variants, carts, orders, customers and discounts, plus integer-safe money arithmetic. Shared by the storefront and the dashboard.
Storefront componentsThe shared storefront library: header, footer, product card and grid, variant picker, price, cart line, order summary, filters.