1500+ ready React Native mobile app screens

Affiliates
App sets

Spool

8 screens · Photo and video tools

Cut, caption and ship a short video from a phone

Eight screens of a short video editor that stores the cut in frames and nothing else about time, so the timecode under the playhead, each clip's width on the timeline, the export's file size, whether a cut lands on the beat and the retention curve are all the same number divided by the frame rate.

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
#121212
raised
#1C1C1C
sunken
#262626
line
#343434
ink
#FFFFFF
inkMuted
#9A9A9E
inkFaint
#6B6B70
accent
#D2F53C
onAccent
#101010
tracks
video
#2EC5CE
audio
#FF2D8E
caption
#8A5CFF
effect
#FF8A3D
chart
retention
#FF2D8E
median
#6B6B70
drop
#FF4D4D

Scales

timeline
fps30
pointsPerSecond26
videoLane44
audioLane30
captionLane22
effectLane16
laneGap6
playhead2
beatTolerance1
space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm6
md10
lg14
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.

Making the cut

4

The four screens the edit actually happens on: what is open, the timeline itself, the words over it, and the track the cuts are hung on.

Getting it out

2

Two screens that turn an edit into a file and a file into three posts, with every limit checked against the cut rather than after it.

What it did

2

The receipt and the reckoning. Where it went, then where the audience left and which clip was under them when they did.

Spool, a 8 screen app | Clevens