Reelfolio

Crawl

LoopTickerLoopTemplate

Opposing tilted marquee rows in constant motion.

Loop · Grid 15 of 18 · 4 to 24 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
loopDurationnumber12
loopRepeatnumber2
mediaFitenumcropHow each media fills its slot.One of: crop, natural
zoomnumber45
anglenumber-6
rowGapnumber4
movementenumcontinuousOne of: continuous, zoomPulse, zoomWaypoints
pulseCountnumber3
zoomPulseAmountnumber25
stopsnumber5
waypointZoomnumber1.8
creepSpeednumber15
pausenumber35
orientationenumhorizontalOne of: horizontal, vertical
directionenumopposedOne of: opposed, same
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 — Crawl
{
  "id": "LoopTickerLoopTemplate",
  "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",
      "https://picsum.photos/seed/reelfolio1/1280/800"
    ],
    "settings": {
      "backgroundColor": "#0b0b0f",
      "backgroundType": "gradient",
      "backgroundGradientStart": "#111111",
      "backgroundGradientEnd": "#444444",
      "backgroundGradientNoise": 0,
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 32,
      "aspectRatio": "16:9",
      "mediaFit": "crop",
      "loopDuration": 12,
      "loopRepeat": 2,
      "zoom": 45,
      "angle": -6,
      "rowGap": 4,
      "movement": "continuous",
      "pulseCount": 3,
      "zoomPulseAmount": 25,
      "stops": 5,
      "waypointZoom": 1.8,
      "creepSpeed": 15,
      "pause": 35,
      "orientation": "horizontal",
      "direction": "opposed",
      "cropAspectRatio": "1:1"
    }
  }
}