Sphere

LoopSphereGlobeTemplate

A spinning 360° globe of cards, back side showing through.

Loop · 3D & Perspective 2 of 24 · 4 to 16 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	`20`
`loopRepeat`	number	`2`
`mediaFit`	enum	`crop`	How each media fills its slot.One of: `crop`, `natural`
`globeSize`	number	`70`
`scaleIntensity`	number	`0.2`
`gap`	number	`2.5`	Spacing between items, in pixels.
`backFade`	number	`55`
`tilt`	number	`0`
`motion`	enum	`continuous`	One of: `continuous`, `waypoints`, `waypoints-move`
`direction`	enum	`left`	One of: `left`, `right`, `alternate`
`stops`	number	`5`
`zoom`	number	`2.8`
`focusStyle`	enum	`overlap`	One of: `overlap`, `spotlight`

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

{
  "id": "LoopSphereGlobeTemplate",
  "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",
      "https://picsum.photos/seed/reelfolio1/1280/800"
    ],
    "settings": {
      "backgroundColor": "#0b0b0f",
      "backgroundType": "gradient",
      "backgroundGradientStart": "#111111",
      "backgroundGradientEnd": "#444444",
      "backgroundGradientNoise": 0,
      "backgroundLibraryCategory": "same",
      "backgroundLibraryImage": "",
      "blurAmount": 0,
      "backgroundOpacity": 1,
      "borderRadius": 11,
      "aspectRatio": "16:9",
      "mediaFit": "crop",
      "loopDuration": 20,
      "loopRepeat": 2,
      "globeSize": 70,
      "scaleIntensity": 0.2,
      "cropAspectRatio": "16:9",
      "gap": 2.5,
      "backFade": 55,
      "tilt": 0,
      "motion": "continuous",
      "direction": "left",
      "stops": 5,
      "zoom": 2.8,
      "focusStyle": "overlap"
    }
  }
}