1500+ ready React Native mobile app screens

Affiliates
App sets

Eider

12 screens · Health and medical

A sleep app that shows its working

Twelve screens of a sleep app built on two stored numbers, a nightly need and fourteen nights, with every bedtime, alarm window, score and trend on every screen derived from those 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
#000000
raised
#121214
sunken
#1D1D21
line
#2B2B31
ink
#FFFFFF
inkMuted
#A2A2AA
inkFaint
#6B6B74
accent
#00F19F
onAccent
#000000
stages
awake
#FF5C4D
rem
#B084FF
light
#4C9AFF
deep
#1F4FD8

Scales

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

Setting up

3

Three screens to get one number, the amount of sleep this person actually needs, without asking for an account first.

Going to bed

4

The evening half of the app. Everything here answers one question, which is what time to put the phone down tonight.

Waking up

2

What the night actually was, and the arithmetic behind the number rather than the number on its own.

Keeping it up

3

The long view, the upgrade, and the settings that change what every other screen says.

Eider, a 12 screen app | Clevens