1500+ ready React Native mobile app screens

Affiliates
App sets

Needle

12 screens · Music

A record collection that knows what it is worth

Twelve screens of a vinyl library app built on the two things a collector actually tracks and every streaming app ignores, which pressing a record is and what condition it is in, with every valuation, grade, play count and wantlist match on every screen derived from the collection rather than asserted beside the sleeve.

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
#141414
sunken
#1E1E1E
line
#2A2A2A
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#1A56FF
onAccent
#FFFFFF
data
mint
#22C55E
worn
#EA3943
neutral
#333333

Scales

radius
tile6
card12
sheet20
pill999
space
gutter20
gap12
row14
section30
text
display30
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.

The collection

4

What is on the shelf and what is on the platter. Four screens where the artwork is the only coloured thing and the chrome gets out of its way.

Finding records

4

The hunt, which is most of the hobby. New pressings, a search that understands catalogue numbers, a wantlist that watches, and the moment of buying.

Looking after it

4

The part that decides what the collection is worth in ten years. Grading honestly, valuing it, and keeping the thing that plays it in good order.

Needle, a 12 screen app | Clevens