1500+ ready React Native mobile app screens

Affiliates
App sets

Airside

8 screens · Travel and stays

A flight booking app that can subtract two time zones

Eight screens of booking and flying one short haul, where every duration, layover, legal connection and countdown is worked out from stored local times and their UTC offsets rather than written down 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
paper
#F3F4F4
sunken
#E7E9E9
line
#DCDFDF
ink
#16191C
inkMuted
#5B6170
inkFaint
#8A9099
accent
#00757F
onAccent
#FFFFFF
status
alert
#B4301F
ontime
#1C7A4E

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm6
md10
lg14
card18
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.

Choosing a flight

3

From an empty search box to one flight and the three fares it sells, with the connection that does not make the minimum ruled out before it can be booked.

Paying for it

2

The cabin and the bill, which are the two screens where a wrong tap costs real money.

Travelling on it

3

The pass, the morning it is used, and the account that holds the passport the border will ask for.

Airside, a 8 screen app | Clevens