Effects Examples

Effects are set via the effects array on video, image, and shape elements. Each entry has a type and an optional intensity (0–100, defaults to 50 — except chroma_key, which defaults to 100; at 50 it leaves a translucent green wash). Only fields that differ from their defaults are shown.

effects is not a field on text or audio elements — the API returns 422 (Extra inputs are not permitted). To blend text against the layer beneath it, use the overlay / difference motion presets instead.Each video element below sets out_point. A source_url Framelane does not host is rejected at submit with 422 invalid_source without one — and the dry run reports ok: true regardless.

Single effect

{
  "width": 1920,
  "height": 1080,
  "elements": [
    {
      "type": "video",
      "id": "vid1",
      "source_url": "https://cdn.example.com/clip.mp4",
      "out_point": 6,
      "effects": [{ "type": "vintage", "intensity": 70 }]
    }
  ]
}

Effects on an image

The same chain runs on image and shape elements.

{
  "width": 1920,
  "height": 1080,
  "duration": 6,
  "elements": [
    {
      "type": "image",
      "id": "still1",
      "source_url": "https://cdn.example.com/photo.jpg",
      "duration": 6,
      "effects": [{ "type": "super8", "intensity": 60 }]
    }
  ]
}

Chroma key (green screen)

Keys against an explicit key color in the chroma plane. The match is luma-independent, so shadows falling on the screen key out with it.

{
  "width": 1920,
  "height": 1080,
  "elements": [
    {
      "type": "video",
      "id": "green1",
      "source_url": "https://cdn.example.com/greenscreen.mp4",
      "out_point": 6,
      "effects": [
        {
          "type": "chroma_key",
          "chroma_settings": {
            "key_color": "#00B140",
            "threshold": 0.18,
            "smoothness": 0.12,
            "spill_suppress": 0.6
          }
        }
      ]
    }
  ]
}

Field	Default	What it does
`key_color`	`#00FF00`	The color to key out
`threshold`	`0.1`	Chroma distance below which a pixel is fully transparent — raise it if fringes of the screen survive
`smoothness`	`0.15`	Width of the transparent→opaque ramp; `0` gives a hard cut
`spill_suppress`	`0.5`	How strongly surviving near-key pixels are pulled toward their own luma, removing green spill on hair

Multiple effects

Stack effects on the same element.

{
  "width": 1920,
  "height": 1080,
  "elements": [
    {
      "type": "video",
      "id": "vid1",
      "source_url": "https://cdn.example.com/clip.mp4",
      "out_point": 6,
      "effects": [
        { "type": "add_grain", "intensity": 40 },
        { "type": "cc_halftone", "intensity": 50 }
      ]
    }
  ]
}

Animate an effect’s intensity

intensity_keyframes replaces the static intensity with a piecewise-linear ramp in absolute timeline seconds — the glitch stab on a beat. Keyframe value is 0–1 (the static intensity is 0–100).

{
  "width": 1920,
  "height": 1080,
  "elements": [
    {
      "type": "video",
      "id": "vid1",
      "source_url": "https://cdn.example.com/clip.mp4",
      "out_point": 3,
      "effects": [
        {
          "type": "glitch",
          "intensity_keyframes": [
            { "time": 0, "value": 0 },
            { "time": 1.2, "value": 1 },
            { "time": 2, "value": 0 }
          ]
        }
      ]
    }
  ]
}

Effect props

props binds shader uniforms. Only one shader binds one today — aurora.speed. Any other key, or any prop on any other effect, is a 422: setting a uniform a shader does not declare is a silent no-op, so the API refuses to send it.

{
  "width": 1920,
  "height": 1080,
  "elements": [
    {
      "type": "video",
      "id": "vid1",
      "source_url": "https://cdn.example.com/clip.mp4",
      "out_point": 5,
      "effects": [{ "type": "aurora", "intensity": 60, "props": { "speed": 0.4 } }]
    }
  ]
}

Film and retro

`type`	Description
`vintage`	Aged film / vintage look
`polaroid`	Polaroid-style frame
`portra`	Kodak Portra emulation
`super8`	Super 8mm grain
`filmic`	Cinematic tone
`add_grain`	Dusty film grain
`duotone`	Two-tone color map (shadows to one hue, highlights to another)
`cross_process`	Cross-processed film look with shifted, punchy colors
`bleach_bypass`	High-contrast, desaturated bleach-bypass film grade

Digital

`type`	Description
`rgb_split`	RGB channel separation
`chromatic_aberration`	Color fringing at edges
`ghosting`	Motion ghost trails
`displacement_map`	Heavy displacement warp

Retro and glitch

`type`	Description
`vhs`	VHS tape look: tracking noise, color bleed, and wobble
`vhs_overlay`	VHS noise/scanline layer composited over the source
`crt`	CRT monitor look: screen curvature, scanlines, and phosphor glow
`television`	Analog TV look: scanlines, static, and signal distortion
`glitch`	Digital glitch: block displacement and channel tearing
`compression_glitch`	MPEG compression artifacts: blocky macroblocks and datamosh
`scanlines`	Horizontal scanlines overlaid on the image
`prism`	Prismatic light refraction with a rainbow color split
`light_leaks`	Warm light-leak streaks bleeding across the frame
`film_burn`	Burning-film look with scorched edges and flares

Blur and lens

`type`	Description
`camera_lens_blur`	Bokeh light circles
`camera_lens_blur_bg`	Bokeh blur background
`box_blur`	Uniform box blur
`mosaic`	Block pixelation
`mosaic_blur`	Pixelated mosaic with softened, blurred block edges
`mosaic_posterize`	Mosaic pixelation combined with posterized colors
`optics_compensation`	Fisheye lens distortion
`viewfinder`	Camera viewfinder frame

Color and tone

`type`	Description
`invert`	Invert colors
`posterize`	Reduce color levels
`cc_halftone`	Halftone dot pattern
`cc_halftone_red` / `cc_halftone_green` / `cc_halftone_blue`	Halftone dot pattern tinted red / green / blue
`night_vision`	Green night vision
`thermal`	Heat map colors

Overlay and atmosphere

`type`	Description
`lens_flare`	Lens flare streaks
`strobe_light`	Strobing flash
`snow`	Falling snow particles
`glow`	Soft diffusion glow
`sepia`	Warm sepia tone with vignette
`echo`	Motion echo / double-exposure trail
`aurora`	Animated domain-warped fluid-gradient wash — tune the flow via `props.speed`

Get Started

Renders

Render Examples

Recipes

Projects

Tasks

Webhooks

Guides

SDKs

Single effect

Effects on an image

Chroma key (green screen)

Multiple effects

Animate an effect’s intensity

Effect props

Film and retro

Digital

Retro and glitch

Blur and lens

Color and tone

Overlay and atmosphere

​Single effect

​Effects on an image

​Chroma key (green screen)

​Multiple effects

​Animate an effect’s intensity

​Effect props

​Film and retro

​Digital

​Retro and glitch

​Blur and lens

​Color and tone

​Overlay and atmosphere

Single effect

Effects on an image

Chroma key (green screen)

Multiple effects

Animate an effect’s intensity

Effect props

Film and retro

Digital

Retro and glitch

Blur and lens

Color and tone

Overlay and atmosphere