FROND — Houseplants & Nursery
Bring the outside in.
A calm, fresh houseplant and nursery storefront: 16 typed plants with light/water/difficulty meters, shop-by-need filters, care guides and a journal, plus a persisted Pinia cart with a slide-in drawer. Every plant is a unique procedural SVG illustration — built in Nuxt 4, fully static, with zero external images.
Role · Design + front-end build (Nuxt 4, Pinia cart, demo checkout) · Updated Jun 2026
- 15 page types: home, shop, 16 plant pages, care-guides index + 4 guides, journal index + 3 articles, about, contact, cart
- A Pinia cart store + slide-in drawer (focus-trapped, aria-live, localStorage-persisted)
- A PlantSvg renderer — 16 unique procedural illustrations (no external images)
- A typed data layer (plants, guides, journal) with clean commerce seams
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Shopify / Stripe
Front-end commerce with a typed product layer and a clean Pinia cart seam — connect Shopify (headless) or Stripe Checkout to go live.
Delivered as full Nuxt 4 source. Connect Shopify or Stripe and swap the procedural SVGs for photography.
What makes it special
Procedural botanical SVGs
Every plant in the 16-item catalog is a unique, size-proportional SVG illustration — monstera fenestrations, trailing pearls, spiky aloe rosettes — with zero raster images and zero CLS.
Pinia cart + slide-in drawer
A focus-trapped cart drawer with aria-live announcements, a quantity stepper, a free-shipping progress bar and localStorage persistence — SSR-safe on a static export.
Shop-by-need filters
Light level, difficulty, pet-safe and size filters with URL-synced state, active pills, a clear-all and a mobile slide-up filter sheet — all reactive, no reload.
An expert care library
Four detailed care guides (watering, light, repotting, troubleshooting) and three journal articles with real botanical copy and related-plant rows.
Calm, accessible design
A cream/sage/forest palette with a terracotta accent, self-hosted serif + sans, a leaf-sway micro-motion gated behind prefers-reduced-motion, and WCAG 2.2 AA throughout.
What’s included
- 15 page types: home, shop, 16 plant pages, care-guides index + 4 guides, journal index + 3 articles, about, contact, cart
- A Pinia cart store + slide-in drawer (focus-trapped, aria-live, localStorage-persisted)
- A PlantSvg renderer — 16 unique procedural illustrations (no external images)
- A typed data layer (plants, guides, journal) with clean commerce seams
- Self-hosted Playfair Display + Inter, reduced-motion fallbacks, WCAG 2.2 AA, static export
More Home & Living templates
Explore more collections
Frequently asked
- What do I get when I buy FROND?
- A one-time licence with the full, editable source code, including 15 page types: home, shop, 16 plant pages, care-guides index + 4 guides, journal index + 3 articles, about, contact, cart, a pinia cart store + slide-in drawer (focus-trapped, aria-live, localstorage-persisted), a plantsvg renderer — 16 unique procedural illustrations (no external images). 14 days setup support and free updates included.
- What is FROND built with?
- It's a Nuxt online store, built with Nuxt 4, Vue 3, TypeScript, Tailwind v4, Pinia. You receive the complete source to host and extend anywhere.
- Can YantraCore customise FROND for my brand?
- Yes — buy it as-is for $1,700, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 24–48h after purchase.
Make FROND yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.