1500+ ready React Native mobile app screens

Affiliates
App sets

Trencher

12 screens · Food and nutrition

A food diary that answers what fits, not just what you ate

Twelve screens of a nutrition tracker built around the question a food diary should answer at six in the evening, which is what you can still have, with every target, macro split, portion, remaining gram, weekly average and revised maintenance figure on every screen computed from one food table and one log rather than asserted beside them.

PRO

The design system and all 12 screens in one prompt. Each screen is also on its own page, free, if you only want one.

Design system

One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.

Colours

palette
ground
#FFFFFF
raised
#F6F6F7
sunken
#EDEDEF
line
#E3E3E6
ink
#111113
inkMuted
#65656D
inkFaint
#8F8F97
accent
#0B5FBF
onAccent
#FFFFFF
macro
protein
#D94F3D
carbs
#2FA36B
fat
#E0A02E
over
#B3261E
neutral
#DCDCDF

Scales

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display36
title20
body15
label12
micro10
Typeface
Inter, 5 weights

The flow

In the order somebody meets them. This is the app's own sequence, not a list of categories.

The day

4

What has gone in so far. A day that adds up, a meal you can open to the gram, and a food panel that tells you what a portion actually is.

Making it fit

4

The half that decides whether anyone keeps using it. What still fits tonight, where the targets came from, and two fast ways to log.

Over time

4

The weeks behind the day. An average worth looking at, a weight trend that corrects the maths it was built on, and the foods you actually eat.

Trencher, a 12 screen app | Clevens