Acre — Free Property Listings Marketplace Website Template
Acre is a free, single-page real estate marketplace template built on Bootstrap 5 with vanilla JavaScript and inline SVG icons. It leads with a floating Buy / Rent / Sold search command bar and a verified-listings grid whose favourite hearts actually work — saving to localStorage and updating a "Saved" counter in the header. A dark "proptech" identity in ink navy, azure and amber sets it apart from the usual flat-green agency site.
Key features
- Floating Buy / Rent / Sold search command bar (location, type, price, beds)
- Working favourite hearts that persist in localStorage + header "Saved" counter
- Live listing filters (All / For sale / For rent / Just listed) with empty-state
- Featured-listings grid with price, beds, baths, sqft strips and agent avatars
- Animated hero stat counters + IntersectionObserver reveal (reduced-motion aware)
- Bento popular-cities mosaic, browse-by-type tiles and top-agents rating grid
- Slide-in mobile nav, sticky glass header, back-to-top and front-end forms
- Inline SVG icons, skip link, semantic landmarks and visible focus states
Best for
- Real estate agencies and brokerages
- Property listing marketplaces and portals
- Individual agents showcasing featured homes
- Rental and lettings sites
- Proptech startups wanting a dark, modern look
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Dark proptech marketplace — ink navy, azure and amber, Bricolage Grotesque display
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Acre really free, even for commercial projects?
Yes. Acre is free for both personal and commercial projects, with no purchase or subscription required. A visible credit to uiCookies is appreciated but not required, so you can ship it on client and revenue-generating sites.
Do I need a build tool or framework knowledge to edit it?
No. Acre is a static HTML, CSS and JavaScript template centred on a single index.html file, so you can open it in any code editor and edit the markup directly. There is no npm install, no compiling and no build step. Bootstrap 5 and the template's own stylesheet load straight into the page.
How do I change the colours and fonts?
The palette — ink navy, azure and amber — lives as CSS custom properties (variables) near the top of the stylesheet, so you edit the values once and they cascade across the whole page. The display font, Bricolage Grotesque, is pulled in via the Google Fonts link in the <head>; swap that link and the matching font-family variable to change it. No preprocessor or build tool is involved.
Is it responsive and mobile-friendly?
Yes. Acre uses the Bootstrap 5 grid and scales fluidly from desktop down to phones. On small screens the desktop menu is replaced by a custom slide-in mobile navigation, the glass header stays sticky, and the reveal animations respect the user's prefers-reduced-motion setting.
Which browsers does it support?
It works in all modern evergreen browsers, including current versions of Chrome, Firefox, Safari and Edge. It relies on standard Bootstrap 5, localStorage and IntersectionObserver, which are widely supported. Internet Explorer is not supported.
Do the search and favourites actually work?
The favourite hearts and the listing filter chips are fully functional on the front end — favourites persist in localStorage and update the "Saved" counter in the header. The search command bar and the account forms are front-end demos with no backend or database behind them. To go live, point them at your own listings API or backend; the template does not process payments.
How do I add my own property listings?
Duplicate any .listing-card block in index.html, then swap its image, price, address and the beds/baths/sqft stat strip. Set the card's data-cat attribute to sale, rent or new so the filter chips pick it up. The template is static and has no CMS, so for live data you would wire the card markup to your own listings API or generate the cards server-side.
Is it fast, and how are images handled?
Yes. There is no jQuery and no icon font — every icon is inline SVG — so dependencies stay minimal beyond Bootstrap 5 itself, and nothing is blocked on strict content-security-policy hosts. Replace the demo hero and listing photos with your own optimised images; using modern formats and correct sizing will keep the lean front-end loading quickly.
