Ledger — Fintech Dashboard

Ledger handles money the way finance teams expect: integer minor units everywhere, multi-currency formatting, double-entry transaction views, reconciliation queues and exportable statements.

What makes it different

• Accessible data charts — Colour-blind-safe palettes, keyboard-navigable tooltips and a data table fallback for every chart.
• Server-side data tables — Sorting, filtering, pagination and CSV export handled on the server, so a hundred thousand rows stay instant.
• Authentication & roles — Email, OAuth and magic-link sign-in with sessions, protected routes and role-based access control.
• Accessible components — Keyboard navigation, focus rings, ARIA labels and WCAG AA contrast verified on every interactive element.
• Token-based theming — Every colour, radius and shadow is a CSS variable. Rebrand the whole product by editing one file.
• Tests included — Unit tests for the business logic and Playwright end-to-end tests covering the critical flows.

Who it's for

Fintech and finance-ops teams that cannot ship a dashboard where the numbers drift.

Built with

Next.js 16 · React 19 · TypeScript · Tailwind CSS v4 · Prisma · Recharts

In the download

• Full Next.js source code (TypeScript)
• Figma design file
• Tailwind CSS design tokens
• Written documentation
• One-click deploy config

Updates and support

Framework upgrades and bug fixes are free for as long as this product exists. Support is included for 6 months with a Regular license and 12 months with an Extended one, and can be extended at any time.