Skip to content
codexa

Ecommerce · React

House plant shop

Friendly plant shop with easy-care and pet-safe filters, a plant clinic, careful delivery and care FAQs.

House plant shop starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A storefront for an urban plant shop: a split hero, plants sorted into easy care, statement and pet-friendly, pots and soil, how plants are packed, delivery and returns, a free plant clinic, reviews and care FAQs. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/shop-plants

src/site.ts
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = {  "brand": "Understory",  "nav": [    {      "label": "Plants",      "href": "#plants"    },    {      "label": "Delivery",      "href": "#delivery"    },    {      "label": "Plant clinic",      "href": "#clinic"    },    {      "label": "FAQ",      "href": "#faq"    }  ],  "navCta": {    "label": "Shop plants",    "href": "#plants"  },  "sections": [    {      "kind": "hero",      "variant": "split",      "eyebrow": "House plants · Hackney, London",      "title": "Plants that suit your flat, not just your feed.",      "text": "Tell us how much light you get and we'll tell you what will thrive. Grown by UK nurseries, delivered by our own van across London.",      "primary": {        "label": "Shop plants",        "href": "#plants"      },      "secondary": {        "label": "Book the plant clinic",        "href": "#clinic"      },      "visual": {        "type": "tiles",        "tones": [          "#166534",          "#dfe5d6",          "#3f6212",          "#14281d"        ],        "caption": "This week: Calathea orbifolia"      },      "note": "Same-week delivery in London. Nationwide by courier."    },    {      "kind": "products",      "id": "plants",      "eyebrow": "Shop",      "title": "In the greenhouse now",      "text": "Heights include the nursery pot. Every plant comes with a care card.",      "currency": "£",      "items": [        {          "name": "Snake plant 'Laurentii', 60 cm",          "price": 22,          "category": "Easy care",          "tone": "#3f6212",          "text": "Copes with low light and forgetful watering.",          "badge": "Bestseller"        },        {          "name": "ZZ plant, 50 cm",          "price": 26,          "category": "Easy care",          "tone": "#14532d",          "text": "Glossy leaves, water once a month."        },        {          "name": "Pothos 'Marble Queen'",          "price": 16,          "category": "Easy care",          "tone": "#4d7c0f",          "text": "Trailing, great for shelves."        },        {          "name": "Monstera deliciosa, 80 cm",          "price": 48,          "category": "Statement",          "tone": "#166534",          "text": "Split leaves, bright indirect light.",          "badge": "Bestseller"        },        {          "name": "Fiddle-leaf fig, 120 cm",          "price": 65,          "category": "Statement",          "tone": "#365314",          "text": "Single stem, needs a bright window.",          "badge": "Low stock"        },        {          "name": "Bird of paradise, 100 cm",          "price": 58,          "category": "Statement",          "tone": "#1f4d2e",          "text": "Large paddle leaves, loves sun."        },        {          "name": "Calathea orbifolia",          "price": 28,          "category": "Pet-friendly",          "tone": "#3f5f3a",          "text": "Striped round leaves, likes humidity.",          "badge": "New"        },        {          "name": "Parlour palm",          "price": 19,          "category": "Pet-friendly",          "tone": "#4a6b3a",          "text": "Soft fronds, happy in shade."        },        {          "name": "Boston fern",          "price": 18,          "category": "Pet-friendly",          "tone": "#2f5d3a",          "text": "Lush and full, best in a bathroom."        },        {          "name": "Terracotta pot, 17 cm",          "price": 12,          "category": "Pots & soil",          "tone": "#9a3412",          "text": "Unglazed, with drainage hole and saucer."        },        {          "name": "Peat-free potting mix, 10 L",          "price": 9,          "category": "Pots & soil",          "tone": "#57442f",          "text": "Bark, coir and worm castings."        }      ]    },    {      "kind": "steps",      "eyebrow": "How we pack",      "title": "From our greenhouse to your windowsill",      "items": [        {          "title": "Checked by hand",          "text": "Every plant is checked for pests and watered the day before it leaves us."        },        {          "title": "Packed without plastic",          "text": "Paper sleeves, card collars and wool insulation in winter."        },        {          "title": "Delivered upright",          "text": "London orders travel in our van. Couriers get a 'this way up' box."        }      ]    },    {      "kind": "features",      "id": "delivery",      "eyebrow": "Delivery & returns",      "title": "Delivery and our 30-day promise",      "columns": 2,      "items": [        {          "title": "London van delivery",          "text": "£5, free over £60. Tuesdays, Thursdays and Saturdays with a two-hour window.",          "icon": "truck"        },        {          "title": "UK courier",          "text": "£8.95 to most UK addresses, 2 to 3 working days. Large plants are London only.",          "icon": "box"        },        {          "title": "30-day plant promise",          "text": "If a plant struggles in the first 30 days, send a photo and we'll replace it or refund you.",          "icon": "leaf"        },        {          "title": "Pots and accessories",          "text": "Unused pots and accessories can be returned within 30 days for a full refund.",          "icon": "check"        }      ]    },    {      "kind": "split",      "id": "clinic",      "eyebrow": "Plant clinic",      "title": "Bring us your sad plant",      "text": "Every Saturday morning our growers look at plants from any shop, not just ours. We'll check roots, light and watering and repot it if it needs it.",      "bullets": [        "Free advice, £6 repotting plus the pot",        "Video calls on Wednesdays for out-of-town plants",        "No booking needed on Saturdays"      ],      "visual": {        "type": "card",        "tone": "#14532d",        "title": "Saturday clinic",        "lines": [          "10:00 to 13:00",          "Unit 4, Mare Street Arches",          "Bring the plant in its pot"        ]      },      "reverse": true    },    {      "kind": "quotes",      "eyebrow": "Reviews",      "title": "From north-facing flats and sunny balconies",      "items": [        {          "quote": "I told them my flat gets almost no light. The ZZ plant they suggested has put out four new stems.",          "name": "Ben O.",          "role": "Ground-floor flat, Dalston"        },        {          "quote": "My fiddle-leaf dropped leaves after a week. They replaced it without fuss and told me to move it.",          "name": "Grace A.",          "role": "30-day promise"        },        {          "quote": "Went to the clinic with a dying monstera. It's now taller than me.",          "name": "Rui S.",          "role": "Clinic regular"        }      ]    },    {      "kind": "faq",      "id": "faq",      "eyebrow": "FAQ",      "title": "Plant care questions",      "items": [        {          "q": "Which plants are safe for cats and dogs?",          "a": "Everything in the Pet-friendly filter is listed as non-toxic to cats and dogs. Still keep plants out of reach of chewers."        },        {          "q": "How often should I water?",          "a": "Water when the top 3 cm of soil is dry. Every care card gives a starting point for that plant."        },        {          "q": "Do plants come in decorative pots?",          "a": "They arrive in nursery pots. Add a pot to your order and we can pot it up for £4."        },        {          "q": "Do you deliver in winter?",          "a": "Yes, with wool insulation. We hold courier orders if the forecast is below freezing."        }      ]    },    {      "kind": "cta",      "title": "New arrivals every Thursday",      "text": "A short weekly email with what's just come in from the nurseries and one seasonal care tip.",      "primary": {        "label": "Get the Thursday email",        "href": "#contact"      },      "secondary": {        "label": "Shop plants",        "href": "#plants"      }    },    {      "kind": "contact",      "eyebrow": "Newsletter",      "title": "The Thursday email",      "text": "One email a week, easy to leave.",      "fields": [        "name",        "email"      ],      "button": "Subscribe"    }  ],  "footer": {    "text": "House plants grown in the UK, delivered across London.",    "columns": [      {        "title": "Shop",        "links": [          "Easy care",          "Statement",          "Pet-friendly",          "Pots & soil"        ]      },      {        "title": "Visit",        "links": [          "Unit 4, Mare Street Arches",          "Tue–Sun, 10:00–18:00"        ]      }    ],    "legal": "© Understory. Sample content: replace it in src/site.ts."  }};

Remix

Remix this template

Describe what to change and the agent starts from House plant shop's files. The box is already started for you: finish “Start from House plant shop and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

All templates

Build on House plant shop

Create a free account, start from this template, and ask the AI agent to turn it into your app.