Reel Builder • Instructions

Build your reel

Use these steps in the same order as the numbered buttons in the app. Import your images, set the canvas, adjust motion, add text and sound, then export your finished reel.

1 Import

Add your images and arrange them in the order you want them to play.

Import images

  • Click Browse Images to select files from your device.
  • Or drag files into the drop area.
  • Supported file types: SVG, PNG, JPG, and WebP.

Organise frames

  • Imported frames appear in the strip at the bottom of the app.
  • Drag thumbnails to reorder them.
  • Click a frame to preview it.
  • Click ✕ on a thumbnail to remove that frame.

Helpful tools

  • Sort by filename puts frames into filename order.
  • Reverse order flips the current sequence.
  • Clear All removes every imported frame.

Good practice

  • Use a consistent file naming pattern to make sorting easier.
  • Check your order in the frame strip before moving on.

2 Format

Set the canvas size and decide how your images sit inside it.

Canvas size

  • Choose a preset such as Instagram Reel / Story, Square, or Landscape.
  • Select Custom to enter your own width and height.

Background and transparency

  • Pick a Background colour for the canvas.
  • Turn on Transparent if you do not want a visible background.

Contain mode

  • Enable Contain mode to keep the full image visible inside the canvas.
  • If it is off, the image may fill more of the canvas and crop at the edges.

Before you continue

  • Choose the format that matches where the reel will be used.
  • Portrait formats work best for vertical social posts.

3 Motion

Control timing, transitions, and how the reel plays back.

Frame timing

  • Use Frame hold to set how long each frame stays on screen.

Transitions

  • Choose Cut, Crossfade, Slide left, or Slide right.
  • Adjust Transition duration to make transitions quicker or slower.
  • Adjust Transition FPS to change transition smoothness.

Loop playback

  • Enable Loop playback to keep the preview repeating.

Fit full reel to total duration

  • Enter a total reel length in seconds.
  • Click Fit timing to automatically adjust the frame hold time.
Use shorter frame holds and quick transitions for a faster, more energetic reel.

4 Text

Add text overlays and control where and when they appear.

Add a text layer

  • Click Add Text Block.
  • Select a text layer from the list to edit it.

Edit the text

  • Enter your text content.
  • Set the Start frame and End frame.
  • Choose the X and Y position as percentages.

Style settings

  • Adjust Size in pixels.
  • Choose a text Colour.
  • The current build uses Arial Bold.

Manage layers

  • You can use multiple text blocks.
  • Click Delete Selected to remove the current one.

5 Sound

Add MP3 audio and tune how it behaves during playback.

Import audio

  • Click Import MP3 to add an audio file.
  • The app supports MP3 files in this build.

Audio controls

  • Adjust Volume.
  • Enable Fade in and Fade out if needed.

Looping

  • Enable Loop audio if reel is longer to repeat the track when needed.

Remove audio

  • Click Remove Audio to clear the imported soundtrack.

6 Export

Choose your output format and save the finished reel.

Choose a format

  • WebM includes audio.
  • GIF exports without audio.

Export the reel

  • Click Export.
  • The file will download automatically when rendering is complete.

Reset the app

  • Click Reset App to restore default settings and start again.

Recommended option

  • Use WebM when you need sound.
  • Use GIF for silent animated exports.

Preview and playback controls

The preview area is always available while you work. Use it to check timing, sequence, text placement, and audio.

First / Prev / Next / Last
Play / Pause
Reset playback
Frame count
Canvas size
Duration
Text status
Audio status