1500+ 个现成的 React Native 移动应用界面

推广伙伴
整套应用

Spool

8 屏 · 图片与视频工具

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

设计系统加上全部 8 屏,一条提示词全带走。如果只要其中一屏,每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面,好让它能被单独取走;构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

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

尺度

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
字体
Inter,4 种字重

流程

按人们遇到它们的先后排列。这是应用自身的顺序,不是一份分类清单。

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,一个 8 屏的应用 | Clevens