Hearth — Free Furniture & Home Decor Website Template
Hearth is a free Bootstrap 5 storefront template for a furniture and home-decor shop — a genuine e-commerce front-end, not another studio brochure. Its standout is a working slide-out cart with quantity steppers and a live subtotal that persists across pages via localStorage, backed by a filterable, priced product grid and a full product-detail page with variants. A warm walnut-and-ember palette and Fraunces / Figtree type pairing give it real retail personality, all with zero jQuery.
Key features
- Slide-out mini-cart: quantity steppers, remove, live subtotal, localStorage badge
- Filterable product grid across five categories with priced, rated cards
- Full product page: image gallery, fabric swatches, size selector, spec table
- Shop-by-room cards, editorial lookbook mosaic and a craft-story section
- Sale banner with a live JavaScript countdown plus announcement bar
- Wishlist toggles, verified customer reviews and a validated 10%-off newsletter form
- Warm walnut / ember / oat palette with Fraunces + Figtree fonts
- Zero jQuery, inline-SVG icons, self-hosted Bootstrap 5 — CSP-clean
- Accessible: skip link, landmarks, aria labels, focus states, reduced-motion
Best for
- Independent furniture and home-decor shops
- Home-goods or lighting brands launching online
- Small stores wanting a warm, editorial storefront look
- Developers who will wire the cart to a real backend
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 2
- Responsive: Yes
- Style: Warm tactile retail — walnut, ember and oat with a soft optical serif
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 Hearth really free for commercial projects?
Yes. Hearth is free for personal and client work, including live commercial storefronts. A link back to uiCookies is appreciated but not required, and there's no sign-up or attribution lock to work around.
Does the shopping cart actually work?
The front-end fully works. Add-to-cart buttons on both the product grid and the product page push items into a slide-out mini-cart with quantity steppers, remove buttons and a live subtotal, and the cart badge persists as you move between the home and product pages using localStorage. It's a static front-end, though — connecting it to a real checkout, payment processor or backend is left to you.
Can I edit it without a build tool or heavy coding?
Yes. Hearth is plain HTML, CSS and vanilla JavaScript with no build step, bundler or framework to install. Open the files in any editor, change the markup or copy, and refresh the browser. Basic HTML familiarity is all you need to rearrange sections or edit text.
How do I swap in my own products?
Each product is an <article class="card"> carrying a data-cat value for the category filter, plus data-id, data-name, data-price and data-img on its add-to-cart button. Duplicate a card, drop in your own image and details, and both the cart and the filter pick it up automatically — no JavaScript changes needed.
How do I change the colours and fonts?
All colours live as CSS custom properties at the top of css/style.css, so you edit the walnut, ember and oat values in one place and they update across the whole site. The type pairing is Fraunces for headings and Figtree for body text, changed by swapping the font links and the matching variables. No preprocessor or recompile is required.
Is it responsive and mobile-friendly?
Yes. Hearth is fully responsive and built on Bootstrap 5's grid, so the product grid, room mosaic, cart drawer and product gallery all reflow cleanly from large desktops down to phones. It's designed mobile-first with touch-friendly controls.
Which browsers does it support?
It works in all current versions of Chrome, Firefox, Safari and Edge. It relies on modern, well-supported web standards — CSS custom properties, flexbox/grid and standard JavaScript APIs like localStorage — so no legacy polyfills are bundled. Internet Explorer is not supported.
What's included, and does it handle payments?
You get two pages — a full home/shop page and a product-detail page — with the slide-out cart, filterable product grid, image gallery with fabric swatches and a size selector, wishlist toggles, reviews, a countdown sale banner and a validated newsletter form. Everything is self-hosted with inline-SVG icons and the Bootstrap 5 bundle, so it deploys cleanly even on strict-CSP hosts. It does not process payments or manage inventory — it's a front-end you connect to your own store platform.
