Reelfolio

Stories 02

LoopStories02Template

A stories bar: one image up, the rest queued behind it.

Loop · Stories 2 of 4 · 2 to 12 images or videos

0:00 / 0:00
Settings

Template settings

Specific to this template. Every template also accepts the common settings (aspect ratio, background, corner radius).

SettingTypeDefaultWhat it does
loopDurationnumber13
loopRepeatnumber2
mediaFitenumnaturalHow each media fills its slot.One of: crop, natural
thumbAspectenum3:4One of: 1:1, 3:4, 4:3
bigScalenumber115
bigDriftnumber40
thumbSizenumber100
containerOpacitynumber40
containerBlurnumber60
selectorPadnumber5
selectorStrokenumber2
dimAmountnumber38
offsetXnumber-35
offsetYnumber0
cyclesnumber1
delaynumber0.33
directionenumdownOne of: right, left, down, up
Request

Example request

A complete, working body for POST /api/v1/render with every default spelled out. Send only the settings you want to change.

POST /api/v1/render — Stories 02
{
  "id": "LoopStories02Template",
  "scale": 1,
  "inputProps": {
    "images": [
      "https://picsum.photos/seed/reelfolio1/1280/800",
      "https://picsum.photos/seed/reelfolio2/1280/800",
      "https://picsum.photos/seed/reelfolio3/1280/800"
    ],
    "settings": {
      "backgroundColor": "#0b0b0f",
      "backgroundType": "gradient",
      "backgroundGradientStart": "#111111",
      "backgroundGradientEnd": "#444444",
      "backgroundGradientNoise": 0,
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 6,
      "aspectRatio": "16:9",
      "cropAspectRatio": "1:1",
      "mediaFit": "natural",
      "loopRepeat": 2,
      "loopDuration": 13,
      "thumbAspect": "3:4",
      "bigScale": 115,
      "bigDrift": 40,
      "thumbSize": 100,
      "containerOpacity": 40,
      "containerBlur": 60,
      "selectorPad": 5,
      "selectorStroke": 2,
      "dimAmount": 38,
      "offsetX": -35,
      "offsetY": 0,
      "cycles": 1,
      "delay": 0.33,
      "direction": "down"
    }
  }
}