Commerce — Free Bootstrap 6 E-commerce Website Template
Commerce is a free, premium three-page Bootstrap 6 online store template for small-batch and direct-to-consumer shops. It pairs a filterable storefront with a full product detail page and a three-step checkout, so you get the whole buying journey rather than a single landing page.
The product filters, checkout and promo fields are built on components that simply did not exist in Bootstrap 5 — Combobox for category and country pickers, Range with a value bubble for price, Chip input for materials and promo codes, OTP input for payment verification, and the new Stepper to drive the checkout flow.
Key features
- Three pages — storefront, product detail and a three-step checkout
- Filterable product grid using Combobox (multi-select), Range with value bubble, and Chip input
- Product page with gallery thumbnails, variant options, quantity stepper and tabbed detail
- Multi-step checkout driven by the new Stepper component, with OTP payment verification
- Cart and search in native
- Accordion built on native
, no JavaScript required - Composable theme tokens — retheme the whole store by overriding –bs-primary-base
- Full dark mode via data-bs-theme, remembered across visits
- Native form validation with data-bs-validate and :user-invalid
- ESM-only vanilla JavaScript — no jQuery, no bundler, no build step
- Verified to render with zero console errors on every page
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().
