Rise

RiseTemplate

A centered hero holds as each new image rises up from below.

Showreel 10 of 16 · 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
`transitionDuration`	number	`0.8`	Seconds for each item to rise into place.
`holdDuration`	number	`0.2`	Seconds each item holds at center.
`introDuration`	number	`1`	Length of the opening zoom-out, in seconds (0 to skip).
`introHoldDuration`	number	`0`	Pause after the intro zoom before the rise starts.
`transitionStyle`	enum	`smooth`	Easing of the rise.One of: `smooth`, `snap`, `elastic`
`scaleIntensity`	number	`1`	Width of each item as a fraction of the canvas.
`mediaFit`	enum	`crop`	How each media fills its slot.One of: `crop`, `contain`, `natural`
`cropAspectLinked`	boolean	`true`	true (the default) crops the media to the canvas shape set by aspectRatio. Set false to crop it to cropAspectRatio instead, for example 16:9 media in a 9:16 video. Only applies when mediaFit is "crop".
`imagePosition`	number	`0`	Vertical crop anchor 0–100 (crop only).

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

{
  "id": "RiseTemplate",
  "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": "color",
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "https://cdn.reelfolio.io/reelfolio-background-library/raycast/autumnal-peach.webp",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 0,
      "aspectRatio": "16:9",
      "cropAspectRatio": "16:9",
      "cropAspectLinked": true,
      "transitionDuration": 0.8,
      "holdDuration": 0.2,
      "introDuration": 1,
      "introHoldDuration": 0,
      "transitionStyle": "smooth",
      "scaleIntensity": 1,
      "mediaFit": "crop",
      "imagePosition": 0
    }
  }
}