helm template preview

Helm — Free Bootstrap 6 Admin Dashboard Template

Helm is a free, premium Bootstrap 6 admin dashboard template for SaaS back-offices, internal tools, e-commerce administration and analytics panels. Eight pages — overview, analytics, orders, forms, profile, settings, sign-in and 404 — sharing one shell with a sidebar that collapses to an icon rail and becomes a Drawer on phones.

There is no chart library. The line and area charts are inline SVG, the bar charts are flex rows, and the donut is a single conic-gradient — because a dashboard template that depends on Chart.js is really a Chart.js template, and the first thing most people do is swap it for whatever their stack already uses. Everything else leans on components that genuinely did not exist in Bootstrap 5: the mobile navigation is a native <dialog> Drawer, the forms page exercises Combobox, Datepicker, the OTP input and the password Strength meter, and the orders table uses the new .table-stacked so it reflows to labelled blocks on a phone rather than scrolling sideways.

Live Demo

Helm — Free Bootstrap 6 Admin Dashboard Template preview

Key features

  • Eight pages — overview, analytics, orders, forms, profile, settings, sign-in, 404
  • No chart library — inline SVG line/area charts, CSS bar charts, conic-gradient donut
  • Sidebar collapses to an icon rail and remembers the choice across pages
  • Mobile navigation is a native <dialog> Drawer, not a hand-rolled panel
  • Orders table with search, select-all indeterminate state and a bulk-action bar
  • Uses .table-stacked so tables reflow to labelled blocks on phones
  • Forms page exercises Combobox, Datepicker, OTP input, password Strength and Range
  • Tabbed settings with a static destructive confirmation dialog
  • Content grid uses minmax(0, 1fr) so wide tables never blow out the layout
  • 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().

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
Demo