Rolodex
ShowreelTemplateItems scroll vertically with a subtle 3D tilt; videos play at center.
Showreel 9 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 |
|---|---|---|---|
scrollDirection | enum | bottom-to-top | Scroll direction.One of: bottom-to-top, top-to-bottom |
gap | number | 35 | Spacing between items, in pixels. |
scrollSpeed | number | 0.5 | Scroll speed multiplier. |
scaleIntensity | number | 0.7 | How much off-center items shrink. |
perspective | number | 800 | 3D perspective depth, in pixels. |
mediaFit | enum | natural | How each media fills its slot.One of: crop, contain, natural |
imagePosition | number | 50 | Vertical crop anchor 0–100 (crop only). |
videoPlayThreshold | number | 2 | Seconds of preroll before an item reaches 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 — Rolodex
{
"id": "ShowreelTemplate",
"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": "image",
"backgroundLibraryCategory": "raycast",
"backgroundLibraryImage": "https://cdn.reelfolio.io/reelfolio-background-library/raycast/loupe-mono-dark.webp",
"blurAmount": 0,
"backgroundOpacity": 1,
"borderRadius": 0,
"aspectRatio": "16:9",
"cropAspectRatio": "16:9",
"scrollDirection": "bottom-to-top",
"gap": 35,
"scrollSpeed": 0.5,
"scaleIntensity": 0.7,
"perspective": 800,
"mediaFit": "natural",
"imagePosition": 50,
"videoPlayThreshold": 2
}
}
}