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
Gallery
More Home & Living templates
Make FROND yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.