1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Spool

8 Screens · Foto- und 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

Das Designsystem und alle 8 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

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

Skalen

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
Schrift
Inter, 4 Schnitte

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

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, eine App mit 8 Screens | Clevens