northstar template preview

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.

Live Demo

Northstar — Free Bootstrap 6 SaaS Analytics Dashboard Template preview

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 is in alpha: 6.0.0-alpha.1 shipped on 8 October 2026, and more breaking changes are expected before the stable release. This template bundles the exact Bootstrap build it was tested against, so nothing changes until you choose to upgrade. Bootstrap 6 supports Chrome and Edge 130+, Firefox 132+ and Safari 18+.

Aigars Silkalns

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →

Free

We'll send a one-time link to confirm your address. The download works whether or not you tick the box.

Demo