Slide

SlideTemplate

Each item slides in one edge and out the other, pausing at center.

Showreel 11 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).

Setting	Type	Default	What it does
`slideDirection`	enum	`left-to-right`	Direction items slide.One of: `left-to-right`, `right-to-left`, `top-to-bottom`, `bottom-to-top`
`transitionSpeed`	number	`0.8`	Seconds per slide transition.
`holdDuration`	number	`1`	Seconds each item holds before sliding.
`scaleIntensity`	number	`0.7`	How much off-center items shrink.
`gap`	number	`150`	Spacing between items, in pixels.
`scaleOnScroll`	boolean	`true`	Scale items as they move toward 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 — Slide

{
  "id": "SlideTemplate",
  "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": "raycast",
      "backgroundLibraryImage": "https://cdn.reelfolio.io/reelfolio-background-library/raycast/loupe-mono-dark.webp",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 24,
      "aspectRatio": "16:9",
      "slideDirection": "left-to-right",
      "transitionSpeed": 0.8,
      "holdDuration": 1,
      "scaleIntensity": 0.7,
      "gap": 150,
      "scaleOnScroll": true
    }
  }
}