Recipe Card Generator

How to read a tabular recipe card

A tabular recipe card compresses an entire recipe into one diagram. Here’s the whole grammar, learnable in two minutes.

Rows are ingredients

Every ingredient gets exactly one row on the left edge, quantity included. If it’s in the dish, it’s on the card — there is no separate list to cross-reference, and nothing hides in the instructions.

Cells are actions, and position is meaning

Move right from any ingredient and the first cell you hit is the first thing that happens to it. When a cell spans several rows, those rows are combined by that action: a “cream together” cell covering butter and both sugars means exactly that. The card’s geometry is the recipe’s logic — a cell’s height tells you what goes in, and its horizontal position tells you when.

Branches are separate bowls

When a recipe says “in a separate bowl,” the card grows a second branch: its own ingredients, its own steps, developing in parallel below or above the first. The moment the recipe combines them — pouring wet into dry, folding a filling into a base — the branches meet in a single taller cell. Assembled dishes like pizza or lasagna read as a staircase instead: each component joins the growing build one at a time, each join labeled with how it’s applied.

The last column is the finish line

Whatever spans every row at the far right is the step that yields the finished dish — the bake, the chill, the final rest. Sequential finishing steps chain as single cells marching rightward: bake, then cool in the pan, then cool on a rack.

Try it interactively

On any card you generate, tap a cell and everything feeding into it lights up — the fastest way to internalize the format. Generate a card from a favorite recipe and trace the fold step of a cookie dough; you’ll never read a two-column recipe the same way again.