1500+ ready React Native mobile app screens

Affiliates
App sets

Vitrine

12 screens · Collectibles and resale

A resale market that shows the spread

Twelve screens of a collectibles resale app built on one honest idea, that every item has a bid and an ask and the gap between them is the story, with every fee, payout and portfolio figure on every screen derived from those two numbers 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
#0B0B0B
raised
#161616
sunken
#1E1E1E
line
#2B2B2B
ink
#FFFFFF
inkMuted
#A3A3A3
inkFaint
#6B6B6B
accent
#00E25C
onAccent
#052B14
data
bid
#5AA9FF
ask
#FF6B4A
down
#FF4D4D
neutral
#3A3A3A

Scales

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display30
title22
body15
label13
micro11
Typeface
Inter, 5 weights

The flow

In the order somebody meets them. This is the app's own sequence, not a list of categories.

Finding it

4

The market end of the app. Four screens that take someone from a scrolling index of what is moving to one item with a real spread on it.

Making the trade

4

Size and condition narrow the market to one row, and everything after that is arithmetic the buyer can check before they commit.

Owning it

4

What happens after the box arrives. A collection valued against the live market, and the two ways out of a position.

Vitrine, a 12 screen app | Clevens