4 servings

Blueberry pancakes

  • 2 cupsall-purpose flour
  • 2 tbspsugar
  • 2 tspbaking powder
  • ½ tspsalt
  • 2eggs
  • 1½ cupsmilk
  • 3 tbspbuttermelted
  • 1 tspvanilla extract
For the topping
  • 2 cupsblueberries
  • 3 tbspmaple syrup
4
servings

Scale any recipe

An ingredient list with a servings stepper. Change the servings and every amount recalculates, in fractions a cook can read. Cups or grams, checkable while cooking, copy in one tap.

One drag setup
5 languages
No plugins
The math

Numbers that read like a cookbook

Amounts are parsed, multiplied and printed back as kitchen fractions. No 1.4999 cups, no 2.67 eggs. Ranges keep both ends and "to taste" stays "to taste".

2 servings¾ cup milk
4 servings cup milk
6 servings cup milk
One ingredient, three sizes

The recipe is written for 4. Every other number follows from that.

Fractions⅔ cup
Plain text2/3 cup
Fractions off0.67 cup
Fractions on, or off

Eighths, thirds and halves, as ½ or as 1/2. Turn them off and you get plain decimals.

3 servings2 eggs not 1.5
5 servings3 eggs not 2.5
9 servings5 eggs not 4.5
Eggs stay whole eggs

Units on your own list are rounded to whole numbers, never below one. Same for cloves, slices and pieces.

Units

Metric or cups, their choice

Write the recipe once. Your visitor switches between grams and cups and every line converts, with 1000 g turning into 1 kg on the way. Volumes stay volumes and weights stay weights, so nobody gets a cup of grams. Give an ingredient a grams per cup value and cups become an honest weight for that one too.

1 cup flour = 120 gSlider stepper
12 cookies

Chocolate cookies

  • 120 gflour
  • 100 gbrown sugar
  • 114 gbuttersoft
  • 1egg
  • 5 mlvanilla extract
  • 128 gdark chocolatechopped
12cookies
2 servings

Tomato soup

servings
In the kitchen

Cook along

Turn on checkable and every line becomes a tap target: crossed off, greyed out, hands free. It is a button with a pressed state, so a keyboard and a screen reader get the same list. Chips give the common batch sizes in one tap, and Copy list puts plain text on the clipboard for a phone or a shopping app.

CheckableCopy list
Text

Speaks your language

English, Dutch, German, French and Spanish built in, for the servings label, the copy button and "to taste". Or write your own words for all of it.

4 personen

Pannenkoeken

  • 250 gbloem
  • 500 mlmelk
  • 3eieren
  • 1 elsuiker
  • naar smaakzout
4
personen
4 Portionen

Pfannkuchen

  • 250 gMehl
  • 500 mlMilch
  • 3Eier
  • 1 ELZucker
  • nach GeschmackSalz
4
Portionen
4 personnes

Crêpes

  • 250 gfarine
  • 500 mllait
  • 3oeufs
  • 1 c. à s.sucre
  • selon le goûtsel
4
personnes
4 porciones

Tortitas

  • 250 gharina
  • 500 mlleche
  • 3huevos
  • 1 cdaazúcar
  • al gustosal
4
porciones
Layout

Long list, two columns

Set two columns and the list splits, then folds back to one on a phone. Groups like "For the topping" carry their own sub-heading. Dividers, density, amount width, text size and every color are yours.

Groups and sub-headings
6 servings

Granola

  • 3 cupsrolled oats
  • 1 cupalmondschopped
  • ½ cuppumpkin seeds
  • ½ tspcinnamon
  • ¼ tspsalt
To bind
  • ⅓ cupmaple syrup
  • ¼ cupcoconut oil
  • 1 tspvanilla
After baking
  • 1 cupdried cherries
  • 2 tbspcacao nibs
6
servings

How it works

Three steps and the list is live. No plugins, no API keys, no backend.

01
Drop it in

Import the component link and drag Recipe Scaler onto a page. It arrives with a recipe already in it.

02
Type your ingredients

Amount, unit, name, an optional note and a group. Write 1 1/2, 1.5 or ½, whichever you have.

03
Set the servings

Tell it what the recipe is written for. Everything after that is the visitor's to change.

Recipe Scaler byWorks on every Framer plan. No plugins, no API, no backend.

Create a free website with Framer, the website builder loved by startups, designers and agencies.