1500+ ready React Native mobile app screens

Affiliates
App sets

Capstan

12 screens · Podcasts

A podcast app where the title is the artwork

Twelve screens of a podcast player built around the number every other player gets wrong, which is how long an episode will actually take you at the speed you listen, with every remaining time, queue length, chapter offset, download size, storage total and hour saved on every screen computed from one queue and one speed 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
#151515
sunken
#1F1F1F
line
#2A2A2A
ink
#FFFFFF
inkMuted
#9A9A9A
inkFaint
#636363
accent
#F2C14E
onAccent
#1A1A1A
state
downloaded
#4FD17A
alert
#FF5A4D
neutral
#2F2F2F

Scales

radius
tile8
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display40
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.

Listening

4

The hour in your ears. A player that tells the truth about time, a queue that adds up, and chapters that let you skip what you did not ask for.

The library

4

Everything subscribed and everything on the device. Shows, their back catalogues, somewhere to find more, and what all of it is costing in storage.

How you listen

4

The part that justifies the speed control. Hours of audio against hours of your life, the settings that make the difference, and the moments worth keeping.

Capstan, a 12 screen app | Clevens