Shelf

LoopShelfTemplate

The centred piece stands upright in the spotlight while its neighbours fall back and tilt away.

Loop · Carousel & Flow 2 of 28 · 3 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).

Setting	Type	Default	What it does
`loopItemSeconds`	number	`1.75`
`mediaFit`	enum	`natural`	How each media fills its slot.One of: `crop`, `natural`
`scaleIntensity`	number	`0.645`
`spacing`	number	`8`
`tilt`	number	`12`
`sideTilt`	number	`8`
`dim`	number	`40`
`visible`	number	`2`
`direction`	enum	`rightToLeft`	One of: `rightToLeft`, `leftToRight`
`easing`	enum	`smooth`	One of: `smooth`, `snappy`, `elastic`, `linear`

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

{
  "id": "LoopShelfTemplate",
  "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": 18,
      "aspectRatio": "16:9",
      "mediaFit": "natural",
      "loopItemSeconds": 1.75,
      "cropAspectRatio": "1:1",
      "scaleIntensity": 0.645,
      "spacing": 8,
      "tilt": 12,
      "sideTilt": 8,
      "dim": 40,
      "visible": 2,
      "direction": "rightToLeft",
      "easing": "smooth"
    }
  }
}