1500+ écrans d'app mobile React Native prêts à l'emploi

Affiliés
Ensembles d’apps

Spool

8 écrans · Outils photo et vidéo

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

Le design system et les 8 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.

Design system

Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.

Couleurs

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

Échelles

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
Typographie
Inter, 4 graisses

Le parcours

Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.

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, une app de 8 écrans | Clevens