Thirty-four complete Bootstrap 6 website and dashboard templates, plus six component packs — all designed and coded in-house by uiCookies against the Bootstrap 6 alpha, and all free for commercial use.
Bootstrap 6 is not released yet and is not on npm, so almost nothing exists for it. That is exactly why this page is here: real, finished templates you can open and read to learn the new API, rather than a migration guide describing it.
What actually changed in Bootstrap 6
Enough changed that a v5 page pasted into a v6 project does not degrade — it breaks, and often silently. The short version, in the order it will bite you:
| Bootstrap 5 | Bootstrap 6 |
|---|---|
Modal |
Dialog — native <dialog>, new markup |
Offcanvas |
Drawer |
Dropdown |
Menu — positioned by Floating UI |
.col-md-6, .d-md-none |
.md:col-6, .md:d-none |
.btn-primary |
.btn-solid .theme-primary |
.text-muted, .text-danger |
.fg-secondary, .fg-danger |
.fs-1–.fs-6 |
.fs-xs–.fs-6xl (fluid above lg) |
.p-3 |
.p-4 — the spacing scale was renumbered 0–9 |
.needs-validation |
data-bs-validate + native :user-invalid |
xxl (1400px) |
2xl (1536px); lg moved 992→1024, xl 1200→1280 |
Gone entirely
.navbar-collapse, .lead, .display-1–.display-6, .form-select, and the Modal, Offcanvas and Dropdown JavaScript exports. A native <select> now takes .form-control.form-control-caret — leave .form-select on it and it renders with no padding, no border and no chevron.
The JavaScript is ESM-only
There is no window.bootstrap. You import the bundle for its side effects, which is what registers the data-attribute API, and Tooltip, Popover and Toast stay opt-in and must still be constructed. Anything calling new bootstrap.Modal(...) needs rewriting rather than renaming.
Twelve components with no v5 equivalent
This is the actual reason to care about v6 rather than the reason to dread it: Combobox, Datepicker, Chip input, OTP input, Password strength, Range with a value bubble, Nav overflow, Toggler, Stepper, Avatar and avatar stacks, Form adorn and Prose. Each previously meant a plugin or a few dozen lines of your own. The accordion is now a native <details name="…"> group with zero JavaScript.
Admin and dashboard templates
Three full application UIs — the part of a product people usually pay for.
Northstar — SaaS Analytics Dashboard Template
Northstar is a free, premium Bootstrap 6 SaaS analytics dashboard template.
Cadence — CRM Admin Dashboard Template
Cadence is a free, premium Bootstrap 6 CRM admin dashboard template.
Helm — 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.
SaaS and product websites
Marketing sites for software, with the component galleries to match.
Stratos — SaaS Website Template
Stratos is a free, premium seven-page Bootstrap 6 website template for SaaS and product teams.
Ledgerline — Fintech & SaaS Website Template
Ledgerline is a free, premium Bootstrap 6 fintech and SaaS website template.
Threshold — Landing Page Template
Threshold is a free, premium Bootstrap 6 landing page template.
Liftoff — Coming Soon Template
Liftoff is a free Bootstrap 6 coming-soon and under-construction template, shipped as three complete layouts rather than one: a full-bleed photographic countdown, a split screen with the form on a…
Business and professional services
Corporate, agency and trade sites — the broadest category and the most reused.
Keystone — Corporate & Business Website Template
Keystone is a free, premium Bootstrap 6 corporate and business website template.
Northmark — Creative & Brand Agency Template
Northmark is a free, premium Bootstrap 6 website template for creative studios, brand consultancies, digital agencies and design practices.
Caseworth — Law Firm & Accountancy Website Template
Caseworth is a free, premium Bootstrap 6 website template for law firms, solicitors, chartered accountants, tax advisers and professional-services practices generally.
Fixwell — Handyman & Home Services Website Template
Fixwell is a free, premium Bootstrap 6 template for handymen, trades and home-services businesses.
Bedrock — Construction & Civil Engineering Template
Bedrock is a free, premium Bootstrap 6 website template for construction firms, civil engineering contractors, groundworks companies and trades operating at commercial scale.
Portfolio, personal and creative
For showing work rather than selling a service.
Atelier — Portfolio Website Template
Atelier is a free, premium Bootstrap 6 portfolio template for designers, developers and freelancers.
Longhand — Personal Website & CV Template
Longhand is a free, premium Bootstrap 6 personal website and CV template.
Silver Halide — Photography Website Template
Silver Halide is a free, premium Bootstrap 6 portfolio template for photographers.
Soundstage — Band & Musician Website Template
Soundstage is a free, premium Bootstrap 6 website template for bands, solo musicians, DJs, labels and venues.
E-commerce, directories and listings
Anything with an index of things that people filter and open.
Commerce — E-commerce Website Template
Commerce is a free, premium three-page Bootstrap 6 online store template for small-batch and direct-to-consumer shops.
Locale — Directory Website Template
Locale is a free, premium Bootstrap 6 directory and listings template for city guides, local business directories and marketplaces.
Shortlist — Job Board Website Template
Shortlist is a free, premium Bootstrap 6 website template for job boards, careers sites, recruitment agencies and internal vacancy pages.
Forecourt — Car Dealership Website Template
Forecourt is a free, premium Bootstrap 6 website template for car dealerships, used-car forecourts, vehicle brokers and garages.
Health, education and fitness
Sites where trust and clear information matter more than art direction.
Meridian — Medical & Clinic Website Template
Meridian is a free, premium Bootstrap 6 website template for clinics, GP surgeries, dental practices and private healthcare.
Northgate — School Website Template
Northgate is a free, premium Bootstrap 6 website template for schools, colleges and academies.
Syllabus — Online Course & E-Learning Template
Syllabus is a free, premium Bootstrap 6 online course and e-learning website template.
Ironworks — Gym & Fitness Website Template
Ironworks is a free, premium Bootstrap 6 template for gyms, studios and strength & conditioning coaches.
Hospitality, events and weddings
Booking-shaped sites, all with date and enquiry flows.
Lantern — Hotel & Resort Website Template
Lantern is a free, premium Bootstrap 6 website template for hotels, guesthouses, B&Bs and small resorts.
Tavola — Restaurant Website Template
Tavola is a free, premium Bootstrap 6 website template for restaurants, bistros, trattorias, cafés and gastropubs.
Summit — Conference & Event Website Template
Summit is a free, premium Bootstrap 6 template for conferences, meetups and multi-day events.
Marigold — Wedding Website Template
Marigold is a free, premium Bootstrap 6 wedding website template.
Community and non-profit
Membership, giving and discussion.
Stonebridge — Church Website Template
Stonebridge is a free, premium Bootstrap 6 church website template.
Openhands — Charity & NGO Website Template
Openhands is a free, premium Bootstrap 6 website template for charities, NGOs, nonprofits, foundations and community organisations.
Roundtable — Forum & Community Website Template
Roundtable is a free, premium Bootstrap 6 forum and community website template.
Property and architecture
Listing-heavy layouts with galleries and floor plans.
Haven Homes — Real Estate Website Template
Haven Homes is a free, premium Bootstrap 6 template for estate agents and property portals.
Drafthouse — Architecture & Interior Design Template
Drafthouse is a free, premium Bootstrap 6 website template for architecture practices, interior designers, structural consultants and design-and-build studios.
Blog and publishing
Long-form reading layouts.
Pressroom — Blog & Magazine Website Template
Pressroom is a free, premium Bootstrap 6 template for blogs, magazines and editorial sites.
Bootstrap 6 component packs
Six packs of individual components, 56 designs in total, for dropping into a project you have already started:
- Forms — 10 form layouts — contact, multi-step, booking, OTP, chips, floating labels
- Cards — 10 card templates — pricing, product, profile, metric tiles, article cards
- Tables — 10 tables — sortable, filterable, paginated, plus the new .table-stacked
- Navbars & menus — 8 navigation patterns — drawer nav, Menu component, Nav overflow, scrollspy
- Modals & drawers — 10 dialogs built on the native
- Login & sign-up — 8 auth screens — sign in, register, 2FA, magic link, SSO
How to use these templates
Every download is plain HTML with compiled CSS and an ESM script tag, and each one ships the Bootstrap 6 dist it was built against under assets/vendor/bootstrap6/. There is no npm install, no build step and no CDN to point at — open index.html and it runs exactly as the demo does.
Pinning the dist is deliberate. Bootstrap 6 is still moving between alpha builds, and a template that pointed at a “latest” URL would change under you without warning. When a build you want to move to ships, swap the vendor folder and re-test — the class names are what change, not your content.
Frequently asked questions
Is Bootstrap 6 released yet?
No. Bootstrap 6 is in alpha as of September 2026 — there is no stable release and no firm public release date. It is also not published to npm: npm i bootstrap@6 will not fetch it, whatever the docs imply. The only way to build against it today is to vendor a compiled dist from the development branch at a pinned commit, which is what every template here does.
Can I use Bootstrap 6 in production?
Treat it as an alpha. These templates are complete and tested against the build they ship with, but class names and component APIs are still moving between alpha builds — a later alpha may require changes. For a site you have to maintain today, Bootstrap 5 remains the safer choice. These are for learning the new API, prototyping, and being ready on release day.
What is the biggest change from Bootstrap 5?
Three things, in order of how much they will break: the JavaScript is ESM-only so there is no window.bootstrap; Modal, Offcanvas and Dropdown were renamed to Dialog, Drawer and Menu with new markup and no legacy exports; and responsive utilities changed to a prefix syntax — .col-md-6 is now .md:col-6. The spacing scale was renumbered too, which is the change most likely to go unnoticed.
Are these templates really free?
Yes — free for personal and commercial projects, including client work. What you cannot do is repackage them for redistribution as a template pack.
Do they need a build step?
No. Every template is plain HTML with compiled CSS and an ESM script tag, and ships the Bootstrap 6 dist it was built against. Open index.html from the folder and it runs.
Do they support dark mode?
Yes, all of them. Bootstrap 6 dropped the $enable-dark-mode Sass flag — dark is always compiled into the stylesheet and switched at runtime with data-bs-theme on the <html> element, so there is no second build to produce.
