Hearth — Free Furniture & Home Decor Website Template
Hearth is a genuine e-commerce storefront, not another studio brochure — it ships with a working slide-out cart, a filterable product grid, priced product cards and a full product-detail page with variants and a gallery. Its warm walnut-and-ember palette and Fraunces / Figtree pairing give a furniture shop real retail personality, all on Bootstrap 5 with zero jQuery.
Features
- Slide-out mini-cart with quantity steppers, remove, live subtotal and a badge that persists across pages via localStorage
- Filterable product grid (Sofas, Seating, Lighting, Tables & storage, Textiles) with priced, rated add-to-cart cards
- Full product.html detail page: image gallery with thumbnails, fabric swatches, size selector, quantity stepper and a spec table
- Shop-by-room category cards, an editorial room lookbook mosaic and a materials & craft story section
- Sale banner with a live JavaScript countdown and a persuasive announcement bar
- Wishlist toggles, customer reviews with verified badges, and a validated 10%-off newsletter form
- Warm walnut / ember / oat identity with the Fraunces + Figtree type pairing — deliberately distinct from studio-style interior templates
- Accessible and self-hosted: skip link, semantic landmarks, aria labels on every icon button, visible focus states, inline-SVG icons and prefers-reduced-motion support
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 — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Hearth really free for commercial projects?
Yes. Use it for personal and client work, including commercial storefronts. A link back to uiCookies is appreciated but not required.
Does the shopping cart actually work?
The front-end does. Add-to-cart buttons on both the grid and the product page push items into a slide-out cart with quantity controls and a live subtotal, and the cart persists as you move between the home and product pages using localStorage. Wiring it to a real checkout or backend is left to you.
Does it use jQuery or any icon fonts?
No. Every interaction — cart, filters, gallery, variants, countdown and form validation — is hand-written vanilla JavaScript, and all icons are inline SVG. The only dependency is the self-hosted Bootstrap 5 bundle, so it deploys cleanly on strict-CSP hosts.
How do I swap in my own products?
Each product is an `<article class="card">` with `data-cat` for the filter and `data-id`, `data-name`, `data-price` and `data-img` on its add-to-cart button. Duplicate a card, drop in your image and details, and the cart picks it up automatically. Colours all live as CSS custom properties at the top of `css/style.css`.
