Next.jsTailwindTypeScript
Ledger
Every number on a baseline.
Overview
Ledger is a data-rich landing page template for fintech, banking, and analytics products — built for companies that sell numbers. Its signature "living ledger" design language (visible baseline grids, hairline rules, mono line-items, and a vertical tape rail) makes the whole page feel like a precision financial instrument.
It ships with real, interactive charts powered by Recharts — not flat screenshots — plus an animated 3D globe, a cobalt accent with emerald/rose deltas for gains and losses, and a clean light/dark theme. Sections include a metrics hero, ruled feature columns, a live dashboard preview, pricing, and a strong closing CTA.
Built with Next.js 15.5 (App Router), React 19, TypeScript (strict), Tailwind CSS v4, Recharts, and React Three Fiber. SEO is handled for you out of the box: page metadata, structured data, a generated social-share image, sitemap, and robots.txt. All copy lives in a single content file, so you can rebrand in minutes.
Tech stack
Next.js 15.5React 19TypeScriptTailwind CSS v4RechartsReact Three Fiber
Setup in 30 minutes
- 1Purchase, then download the ZIP from your account dashboard.
- 2Unzip, run `pnpm install` (or npm / yarn).
- 3Follow the README to wire env vars and run `pnpm dev`.
- 4Swap the tokens (color, type, copy) to match your brand.
- 5Deploy to Vercel, one click from the README. Done.
Latest update
v1.0 — Initial release.
Preview
Screenshots
Reviews
No reviews yet. Be the first to share your experience.
$49
Compatible with
Next.jsTailwindTypeScript
A single payment, no subscription, and the template stays yours for good.