Snap

SnapTemplate

Images snap in with an instant scale pop, no slow fade.

Showreel 14 of 14 · 1 to 100 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).

Setting	Type	Default	What it does
`scaleIntensity`	number	`0.9`	How dramatically items scale.
`mediaFit`	enum	`crop`	How each item is shaped: "natural" (canvas-wide, the media keeps its own ratio) or "crop" (every item is the cropAspectRatio slot fitted into the canvas).One of: `natural`, `crop`
`imagePosition`	number	`0`	Vertical crop anchor 0–100 (0 = top, 50 = center, 100 = bottom). Only applies when mediaFit is "crop".
`transitionStyle`	enum	`snap`	Transition character.One of: `snap`, `elastic`
`transitionSpeed`	number	`1`	Transition speed multiplier.
`holdDuration`	number	`0`	Seconds each item holds.

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 — Snap

{
  "id": "SnapTemplate",
  "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": "#f7f5ff",
      "backgroundType": "image",
      "backgroundLibraryCategory": "macos",
      "backgroundLibraryImage": "https://cdn.reelfolio.io/reelfolio-background-library/macos/11-0-Color-Day-thumbnails.webp",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 0,
      "aspectRatio": "16:9",
      "cropAspectRatio": "16:9",
      "scaleIntensity": 0.9,
      "mediaFit": "crop",
      "imagePosition": 0,
      "transitionStyle": "snap",
      "transitionSpeed": 1,
      "holdDuration": 0
    }
  }
}