Templates · Health & Fitness

Calorie tracker app template

Forkful: Eat well, count kindly. 6 screens designed by Tappy, ready to open as your own app and change with a sentence.

Free to open. No card needed.

Every screen

Shown exactly as Tappy designed them. Your copy starts from these.

Today: Maya's daily home on Tuesday 14 May at 4:10 pm. She sees how much she has left against her 2,100 kcal and 120 g protein goals, then scans the meals logged so far, with dinner still empty and ready to fill. — TodayMaya's daily home on Tuesday 14 May at 4:10 pm. She sees how much she has left against her 2,100 kcal and 120 g protein goals, then scans the meals logged so far, with dinner still empty and ready to fill.

Add food: Maya searches for something to add to Dinner. She has typed 'greek yo', the results are showing, and she can switch to the barcode scanner or her favourites. — Add foodMaya searches for something to add to Dinner. She has typed 'greek yo', the results are showing, and she can switch to the barcode scanner or her favourites.

Scan barcode: Maya points the camera at a yogurt pot. The barcode is recognised and a sheet slides up so she can confirm the portion and add it to Dinner. — Scan barcodeMaya points the camera at a yogurt pot. The barcode is recognised and a sheet slides up so she can confirm the portion and add it to Dinner.

Lunch detail: Maya opens Lunch to see what it was made of and how its macros split. She can edit portions and save the meal as a favourite to log again in one tap. — Lunch detailMaya opens Lunch to see what it was made of and how its macros split. She can edit portions and save the meal as a favourite to log again in one tap.

Trends: Maya reviews her week, 8–14 May, to see her calorie average against the goal and how often she hit protein. The framing celebrates consistency rather than flagging misses. — TrendsMaya reviews her week, 8–14 May, to see her calorie average against the goal and how often she hit protein. The framing celebrates consistency rather than flagging misses.

Favourites: Maya's saved meals, each loggable in one tap. She has just tapped Post-run shake, and a confirmation toast is showing. — FavouritesMaya's saved meals, each loggable in one tap. She has just tapped Post-run shake, and a confirmation toast is showing.

The look

Background

#FBFAF7

Surface

#FFFFFF

Text

#1D1B18

Muted

#6B665E

Main

#C4431B

Accent

#F2B632

Bricolage Grotesque for headings, Figtree for text, in light mode.

The brief it came from

“A calorie and protein tracker that feels encouraging, not clinical: today's meals against a daily goal, logging a food by search or barcode, a meal's detail with its macros, weekly trends, and favourite meals to log again in one tap. Draw every image with shapes and icons: no photos, and initials instead of faces.”

Tappy planned and designed Forkful from that one brief, at the Studio level with design review on. The art direction it set itself, in short:

Warm, upbeat and calm: a food diary from a friend who cheers you on, for everyday eaters who want to hit a calorie and protein goal without feeling judged. The hero material is today's plate.

Make it yours

Change words and photos

Double-click any text or photo on a screen to change it. It's free and takes no AI.

Restyle it

Swap colours and fonts in the Style panel, and every screen updates at once. Also free.

Ask for changes

Describe what you want in a sentence, for one screen or all of them, or add screens. This uses credits.

Take it further

Tap through it as a prototype, share a link for comments, or export to Figma, React Native or App Store images.

Questions

Is it free?

Yes. Opening a template takes a free account, and your copy costs nothing. Editing text, photos, colours and fonts is free too. Asking Tappy to redesign or add screens uses credits, like any app you make.

Is my copy mine to change?

Yes. It's saved in your apps like anything you design, and changing it never changes the Forkful template.

What's in it?

6 screens: Today, Add food, Scan barcode, Lunch detail, Trends, Favourites. They share one style, and the tab bar and buttons link the screens so you can tap through them.

Can I start from my own idea instead?

Yes. Describe your app in a sentence and Tappy designs it from scratch in its own style. You can also start from this template's brief and get a new design.