1500+ ready React Native mobile app screens

Affiliates
App sets

Gantry

8 screens · Trains, trams and buses

Rail booking that shows the connection maths

Eight screens of a train booking app where the journey time, the change you will or will not make, the fare and the delay repay are all worked out from the legs rather than printed 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
raised
#F4F5F7
sunken
#E8EAEF
line
#E0E2E8
ink
#111318
inkMuted
#5B6170
inkFaint
#8B909E
accent
#2B5FE3
onAccent
#FFFFFF
status
onTime
#0E9F6E
late
#D93838

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control12
pill999
elevation
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.

Finding it

3

Search, results and one journey opened up, with every duration summed from its own legs.

Buying it

3

A seat, a fare and a ticket. The price breaks down into the things it is made of.

On the day

2

Where the train is, and what a railcard has actually saved.

Gantry, a 8 screen app | Clevens