1500+ ready React Native mobile app screens

Affiliates
App sets

Collar

8 screens · Pets

One dog, looked after properly

Eight screens of a dog care app built on two stored things, a weight history and the breed's healthy range, with the daily ration in grams, every dose band, the trend, and the share of a vet bill the excess eats all worked out from those rather than typed in beside them.

PRO

The design system and all 8 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
surface
#F5F5F7
sunken
#EBEBEF
line
#E3E3E8
ink
#17171A
inkMuted
#5C5C66
inkFaint
#8E8E99
accent
#DB2777
onAccent
#FFFFFF
accentDeep
#BE185D
state
good
#18794E
alert
#C81E1E
chart
series
#2563EB
band
#E7F3EB
bandEdge
#9CCFB0
insurer
#2563EB
excess
#7C3AED
share
#A78BFA

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control12
pill999
insetFloor
top12
bottom16
Typeface
Inter, 4 weights

The flow

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

Today

3

The daily loop. What she eats, what she takes, and what actually happened, with the ration and every dose read off her last weigh-in.

The dog herself

2

The record everything else is computed from: who she is, and nine months of weight against the range her breed is supposed to sit in.

At the vet

3

Appointments past and next, one visit broken down to the line, and booking the next one against a real diary.

Collar, a 8 screen app | Clevens