HEARTH — Home & Living Store
Things that make a house feel like yours.
A warm, editorial home & living ecommerce template with a real 27-product, 5-category catalog. A full Pinia cart with a slide-in drawer, client-side filters, and variant selectors with live price and image swap, plus clean seams for a headless commerce backend. Built in Nuxt 4 (Vue 3).
Role · Design + front-end build (Nuxt 4, Pinia cart, demo checkout) · Updated Jun 2026
- 7 page types: home, shop, 5 category pages, 27 product detail pages, cart, about, contact
- A Pinia cart store + cart drawer (SSR-safe, localStorage-persisted)
- A filter sidebar + mobile panel with four dimensions (category, price, colour, material)
- A ProductSvg procedural renderer — 27 unique, colour-adaptive shapes
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify / headless
A typed multi-category catalog + Pinia cart with clean seams — connect Shopify (Storefront API) or any headless commerce backend; the contact form wires to your provider.
Delivered as full Nuxt 4 source. Connect Shopify or a headless backend and swap the procedural SVG renders for product photography.
What makes it special
A 27-product catalog
Five categories with full variant support, per-variant pricing, colour swatches, material filters, and typed specs — ready to wire to a real backend.
Pinia cart + drawer
An SSR-safe cart store with localStorage persistence, a slide-in drawer (focus-trapped, Escape to close, aria-live badge), and a full cart page with quantity steppers.
Instant client-side filters
Category, price, colour and material filters with a sort dropdown, an animated result count, a mobile panel and an empty state — all reactive, no page reload.
Variant selector with live swap
Colour / size / finish selectors update the product render and price in real time, and the thumbnail rail reflects every variant.
Procedural SVG renders
27 unique product illustrations drawn in code — coherent across the catalog, with no external images, no CLS and no hosting cost. Swap in photography for production.
What’s included
- 7 page types: home, shop, 5 category pages, 27 product detail pages, cart, about, contact
- A Pinia cart store + cart drawer (SSR-safe, localStorage-persisted)
- A filter sidebar + mobile panel with four dimensions (category, price, colour, material)
- A ProductSvg procedural renderer — 27 unique, colour-adaptive shapes
- A typed data layer: categories + products with full variant / spec / relation data
- Fraunces serif + Inter body, self-hosted via @nuxt/fonts
Gallery
More Home & Living templates
Make HEARTH yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.