Forecourt — Free Bootstrap 6 Car Dealership Website Template
Forecourt is a free, premium Bootstrap 6 website template for car dealerships, used-car forecourts, vehicle brokers and garages. It pairs a full dealership homepage — stock search, vehicle grid, finance calculator, part exchange and branches — with a vehicle listing page carrying a complete specification and a sticky finance rail.
The design leads with the number people actually shop on: the monthly payment is the largest figure on every card and the cash price sits beneath it. The finance calculator is genuinely live — move the deposit, term or APR sliders and every quoted monthly on the page updates with them, including all six cards in the grid, because a calculator that does not change the listings is decoration. The figures are flat-rate illustrations and the template says so in three places rather than dressing an approximation up as a quotation.
Key features
- Two pages — dealership homepage and a vehicle listing page
- Every vehicle card leads with the monthly payment, cash price secondary
- Live finance calculator — deposit, term and APR sliders update every quoted figure on the page
- Same formula runs at build and at runtime, so nothing jumps on first paint
- Flat-rate figures labelled as illustrations, not dressed up as quotations
- Part-exchange valuation form with Combobox condition and Datepicker
- Vehicle page with gallery strip, two-column specification and a sticky finance rail
- Booking dialog built on a native <dialog>
- Branch opening hours and FCA regulatory footer
- 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().
