Bento 03 — slide-in waves

LoopBento03SlideInWavesTemplate

Bento panels slide in as waves.

Loop · Marquee 2 of 25 · 2 to 40 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
`loopDuration`	number	`12`
`loopRepeat`	number	`2`
`mediaFit`	enum	`crop`	How each media fills its slot.One of: `crop`, `natural`
`lanes`	number	`3`
`planeSize`	number	`100`
`gap`	number	`15`	Spacing between items, in pixels.
`angle`	number	`0`
`offset1`	number	`0`
`offset2`	number	`0`
`offset3`	number	`0`
`offset4`	number	`0`
`offset5`	number	`0`
`offset6`	number	`0`
`axis`	enum	`vertical`	One of: `vertical`, `horizontal`
`cycles`	number	`1`
`hold`	number	`35`
`stagger`	number	`0`
`motion`	enum	`continuous`	One of: `continuous`, `stepped`
`direction`	enum	`forward`	One of: `forward`, `reverse`
`alternate`	enum	`on`	One of: `off`, `on`

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 — Bento 03 — slide-in waves

{
  "id": "LoopBento03SlideInWavesTemplate",
  "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": 50,
      "aspectRatio": "16:9",
      "cropAspectRatio": "1:1",
      "mediaFit": "crop",
      "loopRepeat": 2,
      "loopDuration": 12,
      "lanes": 3,
      "planeSize": 100,
      "gap": 15,
      "angle": 0,
      "offset1": 0,
      "offset2": 0,
      "offset3": 0,
      "offset4": 0,
      "offset5": 0,
      "offset6": 0,
      "axis": "vertical",
      "cycles": 1,
      "hold": 35,
      "stagger": 0,
      "motion": "continuous",
      "direction": "forward",
      "alternate": "on"
    }
  }
}