Reelfolio

Rolodex

ShowreelTemplate

Items scroll vertically with a subtle 3D tilt; videos play at center.

Showreel 9 of 14 · 1 to 30 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
scrollDirectionenumbottom-to-topScroll direction.One of: bottom-to-top, top-to-bottom
gapnumber35Spacing between items, in pixels.
scrollSpeednumber0.5Scroll speed multiplier.
scaleIntensitynumber0.7How much off-center items shrink.
perspectivenumber8003D perspective depth, in pixels.
mediaFitenumnaturalHow each media fills its slot.One of: crop, contain, natural
imagePositionnumber50Vertical crop anchor 0–100 (crop only).
videoPlayThresholdnumber2Seconds of preroll before an item reaches center.
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 — Rolodex
{
  "id": "ShowreelTemplate",
  "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": "#0a0a0a",
      "backgroundType": "image",
      "backgroundLibraryCategory": "raycast",
      "backgroundLibraryImage": "https://cdn.reelfolio.io/reelfolio-background-library/raycast/loupe-mono-dark.webp",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 0,
      "aspectRatio": "16:9",
      "cropAspectRatio": "16:9",
      "scrollDirection": "bottom-to-top",
      "gap": 35,
      "scrollSpeed": 0.5,
      "scaleIntensity": 0.7,
      "perspective": 800,
      "mediaFit": "natural",
      "imagePosition": 50,
      "videoPlayThreshold": 2
    }
  }
}