Match

A three-way matching workspace for supplier invoices, purchase orders and goods receipts. Resolve price or quantity exceptions, route the corrected invoice for approval and inspect the resulting audit trail.

• Best forDevelopers building accounts-payable tools and supplier-invoice review workspaces for manufacturers.

• Reconciliation

  Compare purchase order, goods receipt and invoice with line connectors. Resolve exceptions with mandatory reasons, preview corrected totals and send a ready invoice to approval.

• Invoice inbox

  Search and sort invoices, filter by status or aging, inspect due dates, discount deadlines and payment-run planning, then open the document review.

• Approvals

  Explore threshold-based queues, change the demonstration persona and approve, reject, hold or recall an invoice with a four-eyes rule.

• Audit trail

  Filter the append-only local history by invoice, person or event, with original values, resolution reasons, rule versions and a replay integrity check.

• Three documents, one matching model

  Code-rendered purchase orders, supplier invoices and a receipt slip align through split connectors. The halves distinguish price differences from quantity differences. The workflow covers supplier invoices and goods received.

• Explained corrections

  Versioned tolerance rules derive the exceptions. Each resolution needs a reason, previews its effect on totals and writes correction ink over the working copy while preserving the original documents.

• Approval routing and run planning

  Threshold routing, a four-eyes check, rejection reasons, hold, release and recall operate on local invoice state. Approval selects the next unlocked Tuesday or Thursday run; it does not initiate a payment.

• A replayable local history

  Each accepted action records the actor, timestamp and rule version; resolutions also record original and chosen values and reasons. The inbox, approval queue and documents read the same corrected amount and status.

• Responsive document review

  Keyboard line selection, visible focus and reduced motion are included. Below desktop widths the documents become a line-comparison list. The model covers one invoice and one goods receipt per purchase order, with whole-unit quantities.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Documents, suppliers, amounts and bank-detail text are fictional seed data. There is no PDF parsing, OCR, LLM, ERP, supplier portal, login or banking connection. Credit-note requests are logged locally; no payment file or email is sent. Reloading resets the demonstration.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide icons
• FontsDM Sans, Geist, Geist Mono
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.