Ledgerline — Free Bootstrap 6 Fintech & SaaS Website Template
Ledgerline is a free, premium Bootstrap 6 fintech and SaaS website template. It pairs a payments-infrastructure homepage — product pillars, a code sample, security detail and figures — with a pricing page built around a calculator that tells you which plan actually costs you least.
Every SaaS pricing page puts three tiers side by side and leaves the visitor to do the arithmetic, which is convenient when the honest answer is the free one. Here each plan is a monthly base plus a per-payment fee, and two sliders — payments per month, average payment — drive a live comparison: total bill per plan, the effective percentage of money processed, and a badge on whichever is cheapest. It also computes the crossover from the plan definitions rather than hardcoding it, so the page can say “Starter is cheapest for you — Growth takes over above 1,148 payments, at this average” and be right for any pricing you put in. The plan list is emitted once and feeds the cards, the comparison table and the maths, so the page cannot quote two different numbers for the same plan.
Key features
- Two pages — fintech homepage and a pricing page
- Pricing calculator: two sliders drive live totals across every plan
- Badges whichever plan is genuinely cheapest, including the free one
- Computes crossover points from the plan definitions, never hardcoded
- Shows the effective rate as a percentage of money processed
- One plan list feeds the cards, the comparison table and the maths
- Live payments feed built in CSS — sharp at any size, no screenshot to date
- Syntax-highlighted API sample with a request and its response
- Ten-row comparison table that stacks correctly on mobile
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
