Haven Homes — Free Bootstrap 6 Real Estate Website Template
Haven Homes is a free, premium Bootstrap 6 template for estate agents and property portals. The layout leads with a split hero — copy on one side, a full-height image on the other — and a search panel that straddles the seam between the hero and the page, so search is the first thing in reach rather than an afterthought.
Property search is exactly what Bootstrap 6’s new form components were built for: a multi-select Combobox for property types, a searchable Combobox for bedrooms, Range sliders with live value bubbles for price, Chip input for must-haves, and the Datepicker for viewings and valuations.
Key features
- Two pages — search and listings page, plus a full property detail page
- Split hero with a search panel straddling the seam into the page
- Multi-select Combobox for property type and a Combobox bedroom filter
- Refine drawer combining Range price sliders with live bubbles and Chip input must-haves
- Property cards that lead with beds, baths and floor area rather than marketing copy
- Valuation form with Datepicker and a guide-price Range slider
- Property page with gallery, tabbed description, room dimensions and area info
- Sticky viewing-request rail with the agent attached
- Header is transparent over the hero and turns solid on scroll
- Full dark mode via data-bs-theme, remembered across visits
- ESM-only vanilla JavaScript — no jQuery, no bundler, 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().
