Northstar — Free Bootstrap 6 SaaS Analytics Dashboard Template
Northstar is a free, premium Bootstrap 6 SaaS analytics dashboard template. Five pages — overview, revenue, cohorts, customers and settings — on a top-bar layout rather than a sidebar, with full light and dark mode.
Every dashboard template ships a “Last 30 days” control that is decorative, because the numbers beside it are typed into the markup. Here a 90-day dataset travels on the page and everything is derived from it, so switching to 7, 30 or 90 days recomputes the KPIs, their deltas, the SVG chart path, the axis labels and the MRR waterfall together — they cannot end up describing different periods. Deltas compare against the immediately preceding window of equal length, and at 90 days, where no earlier window exists, the card says “no earlier period to compare” rather than inventing a 0%. The MRR movement waterfall reconciles: opening plus new, expansion, reactivation, contraction and churn must equal closing, and the card states the sum so you can check it. Charts are hand-built SVG — no chart library to strip out.
Key features
- Five pages — overview, revenue, cohorts, customers, settings
- The 7/30/90-day range control genuinely recomputes every figure on the page
- One 90-day dataset drives KPIs, deltas, the chart path and the waterfall
- Deltas compare the preceding window of equal length, not a fixed month
- Says “no earlier period to compare” instead of inventing a 0% change
- MRR waterfall reconciles: opening + movements = closing, stated on the card
- Cohort retention heat map, ragged where a cohort is too young to have data
- Top-bar layout, so it does not read as a recoloured sidebar dashboard
- Charts hand-built in SVG — no chart library to strip out
- 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().
