A social loop with sequences, transitions and music

A sequence turns a handful of screens into a polished clip: EaseKit picks a transition for each cut and times holds and moves to a tempo. In this walkthrough you build a 9:16 loop from four screens, fine-tune the cuts, add music that snaps to the beat, and render an MP4 that loops cleanly. About fifteen minutes.

1. Collect the screens#

Use four exported screens of your app (PNG or JPEG), or capture them live:

• From files: have them ready in Finder.
• From any app: press ⇧⌘R (File → Start UI Recorder), pick the window (or Select area each time), click Cut for each state and Done. The recorder needs Screen Recording permission.

2. Create the sequence#

1. Choose File → New Sequence from Frames… (⌥⌘N), or click Sequence in the toolbar.
2. Drag the screens into the editor in order, or click Choose images…. ⌘V pastes images from the clipboard.
3. Pick 9:16 as the format and Brisk as the tempo.
4. Open the feel menu and pick Snappy (shorter transitions with a hard ease-out). Smooth uses springs without overshoot; Bouncy overshoots a little.
5. Open Camera and pick Float for a gentle, seamless drift.
6. Turn on Loop so the last screen transitions back to the first.
7. Click the ⋯ button for the look: background, Padding, Corners and Shadow.

3. Choose transitions#

Between each pair of frames sits a transition chip. Auto picks per cut: a morph for similar screens, a push or slide otherwise. Click a chip to choose yourself.

Hover a transition in the picker to preview it; Use … for all transitions applies it to every cut. Then click Create.

4. Add music#

1. Press ⇧⌘A (Stage → Add Music…) or click Add music under the timeline, and pick a track.
2. EaseKit analyzes it and shows the BPM on the Music lane. Clips and retimed layers snap to beats.
3. Right-click the music clip → Move First Beat to 0 s so the first beat lands at the start.
4. Right-click again → Fit Scene to Music if you want the scene to end with the track (up to 60 s), or trim the clip: drag its edges, or put the playhead where it should end and press ⌥].
5. Right-click → Fade Out → 1 s for a soft ending, and Volume if it's too loud.

5. Put cuts on the beat#

Ask the AI: “Put each transition on a beat and make the first cut land on the downbeat.” The AI sees the BPM and the beat times in the scene and moves the accents. You can also drag clips in the timeline; they snap to beats when you're close.

6. Check the loop seam#

1. Open the Quality tab. Start & end checks the loop seam: the last frame must lead cleanly into the first.
2. Keep Repeat non-looping animations on in Settings → Appearance (it's on by default) so the preview keeps playing the loop.
3. Watch the join a few times at 0.5× speed.

7. Render#

1. Press ⌘E.
2. Set Resolution to 1× (1080 × 1920), Frame rate to 30 and Codec to H.264.
3. Loop appears because the scene loops: pick 3× to repeat it three times in the file.
4. Leave Include music on.
5. Click Render Video.

Variations#

• Keynote feel: tempo Calm, feel Smooth, camera Dolly in, transitions Push and Morph.
• Square post: switch the format to 1:1 before you create.
• Captions: ask the AI to add a caption per screen with a Fade up text animation.

Related articles#

• Sequences and transitions
• Audio and music
• Render a video