1500+ ready React Native mobile app screens

Affiliates
App sets

Squall

12 screens · Weather

A forecast that shows its working

Twelve screens of a weather app built on the idea that a forecast should be able to explain itself, with every feels like figure, dew point, cloud base, rainfall total, daylight length, pressure trend and weekly mean on every screen computed from real meteorological formulas against one day's observations 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
#F5F6F7
sunken
#EBEDEF
line
#E0E3E6
ink
#101214
inkMuted
#5E656B
inkFaint
#8A9096
accent
#1B6CA8
onAccent
#FFFFFF
scale
cold
#6FA8D0
mild
#C6CBD0
warm
#C4453A
rain
#2E7FB8
wind
#6B7B85
uv
#D9902B
neutral
#DCDFE2

Scales

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display64
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.

Right now

4

What it is doing outside and what that actually feels like. The hour ahead, the rain that is coming, and the wind that is doing most of the work.

The week

4

Seven days on one shared scale, a day opened to its own detail, the map behind it, and the warnings that matter.

Why it says that

4

The half no weather app shows. The observations behind the number, how right it has been lately, the places you watch, and the account.

Squall, a 12 screen app | Clevens