Settle is a production-ready fintech operations dashboard designed for payment teams managing settlements, reconciliation, payouts, and disputes.

Built with Next.js 16, TypeScript, and Tailwind CSS v4, Settle includes 8 fully designed screens covering Overview, Transactions, Reconciliation, Payouts, Disputes, Merchants, Invoices, and Settings.

The dashboard features detailed payment workflows including settlement tracking, fee breakdowns, reconciliation variance analysis, payout schedules, rolling reserves, dispute queues, merchant risk information, and invoice management.

It comes with a polished dark-mode interface, responsive layouts, reusable components, hand-built SVG charts, and a consistent design system with an 8px spacing grid, structured typography, accessible contrast, and reusable design tokens.

The codebase is clean, structured, and easy to customize. Connect your own API by replacing the provided data layer while keeping the existing UI and screens intact.

What's Included

• 8 complete dashboard screens

• Reusable UI components

• Responsive layouts

• Dark mode

• SVG-based charts

• Payment and reconciliation workflows

• Dispute management with real-world reason codes

• Design tokens and consistent spacing system

• TypeScript + Tailwind CSS

• Next.js 16 App Router

• Minimal runtime dependencies

• MIT license for personal and commercial use

A complete starting point for building modern payment operations, fintech, reconciliation, or financial management products.