ToolNewFor Home cooks

Pantry & Plate

Plan the week. Buy only what's missing.

Lay recipes on a seven-day grid, set servings, and get one shopping list grouped by aisle with the contents of your pantry already taken off.

Download the source

Zip, 217 KB. MIT licence. Built 28 Oct 2026.

Live preview

Loading the live site…

This is the real site, not a mock-up. Click around; the button on it opens the working app.

What you get

Everything a tool needs, already done.

Pages and screens

  • Launch page
  • Week grid
  • Shopping list
  • Pantry card
  • Recipe scaling

Features

  • Seven-day recipe grid with servings per meal
  • Scales every recipe to the number eating
  • Merges the same ingredient across meals and units
  • Subtracts what is already in your pantry
  • One shopping list ordered by store aisle
  • No account needed

Palette

  • #2b2620
  • #6b6253
  • #fffdf8
  • #f1ebdf
  • #ddd3c1
  • #b9ac95

Style

  • Warm
  • Minimal
  • Editorial
Pantry & Plate on a phone
On a phone, as shipped.

For developers

A real codebase, not a page builder export.

Stack

Vite, React 19 and TypeScript for the app. The launch page is plain HTML, CSS and a little JavaScript with no build step. Vitest for unit tests, Playwright for browser tests.

Run it

unzip pantry-and-plate.zip
cd pantry-and-plate
npm install
npm run dev

In the zip

  • site/ the launch page with the built app in site/app/
  • src/ and e2e/ the app source and tests
  • docs/technical-docs/ architecture, runbook, quick reference
  • START-HERE.md and LICENSE (MIT)

More like this

Also on the shelf

  • Home & PersonalTool

    Dues

    Lists your subscriptions, works out what you really pay each month and year, warns you before renewals and trial ends, and shows what cancelling would save.

  • Home & PersonalTool

    Quits

    Log shared trip costs in any currency with uneven splits, and see the fewest payments that settle everyone, with all data saved in your browser.

  • Home & PersonalTool

    Stitchwise

    Resizes a knitting or crochet pattern to your gauge, spaces increases and decreases evenly across a row, and keeps a row counter for each project.