Elements - Framelane

This page is the field-by-field reference for the elements[] array in POST /v1/renders. For full request body examples see the Render Examples section.

How to read this page

Column	Meaning
required	The API returns `422` if the field is missing
optional	The field has a default and may be omitted
`→ 0` / `→ null`	Default value the API uses when the field is omitted

Dimension fields accept a pixel number (960), a percentage string ("50%"), or an angle string ("90°" / "90deg") depending on context.

Common fields

These fields are present on every element type.

Field	Type		Default	Description
`type`	string (enum)	required	—	Element discriminator. One of: `video`, `audio`, `text`, `image`, `shape`
`id`	string	optional	`→ ""`	Unique identifier. Required on `image` and `shape` elements — an empty ID causes the element to be silently skipped. Recommended on all elements used in transitions, groups, mattes or `custom_animations`.
`time`	number ≥ 0	optional	`→ 0`	When the element starts on the output timeline, in seconds.
`duration`	number > 0	see per-type	—	How long the element is active, in seconds. Required on `text`, `image` and `shape` — omitting it produces a zero-length window and the element will not appear. Not accepted on `video` or `audio` — use `out_point` to control clip length.
`visible`	boolean	optional	`→ true`	Set to `false` to exclude from the render without removing from the request.
`name`	string	optional	`→ null`	Human-readable label. Not used by the renderer.
`track`	integer 0–255	optional	`→ null`	Timeline track index. Informational only; not used by the renderer.

GET /v1/capabilities lists four further element types with supported: false — composition, progress_bar, audio_visualization and countdown. None of them are accepted: sending one returns 422 from the discriminated union (Input tag 'composition' found using 'type' does not match any of the expected tags), which does not explain itself. composition has no engine concept at all — the render task is a flat set of per-type arrays with no nesting — so use groups[] to transform several elements as one. progress_bar, audio_visualization and countdown are broken on the renderer and have no direct replacement; build a progress bar from a stroked shape whose trim_keyframes animate end 0→1, and a countdown from a text element with a counter sweeping from_value → to_value (a plain number, not mm:ss).

gradient has been REMOVED as an element type. {"type": "gradient", …} now returns a 422 naming the replacement and carrying the JSON to send instead. A gradient is a fill value now, not a type of element, so it paints any silhouette rather than only a box: write a gradient card as a shape with a gradient fill — the same picture, plus a free path, stroke, trim, morph and the compositing family. Nothing you have saved needs editing: stored compositions, their version history and queued job bodies were all rewritten to the shape form, which renders identically. See The removed gradient element for the field-by-field mapping.

Advanced transform & looks

Transform fields (position/rotation/anchor/opacity) apply to every visual element. The compositing family (blend_mode, mask_shape, mask, mask_keyframes, matte, backdrop_blur) applies to video, image, and shape elements only — the renderer does not read those keys on text, so the API rejects them there. (Text overlay/difference blends exist as motion presets.)

Field	Type		Default	Description
`blend_mode`	BlendMode	optional	`→ "none"`	Composite against the backdrop. Separable (`multiply`, `screen`, `overlay`, `darken`, `lighten`, `color_dodge`, `color_burn`, `hard_light`, `soft_light`, `difference`, `add`, `exclusion`) + W3C non-separable (`hue`, `saturation`, `color`, `luminosity`).
`x_rotation`	Dimension	optional	`→ "0°"`	Perspective tilt about the X axis (true foreshortening, 45° fov). Device mockups, card flips. Emits `rotation:{x,y,z}` when x/y are set. Not on `text` (text tilts via animation).
`y_rotation`	Dimension	optional	`→ "0°"`	Perspective tilt about the Y axis.
`x_anchor`	Dimension	optional	`→ "50%"`	The in-box pivot the element rotates about (`0%` = left edge, `50%` = centre, `100%` = right edge; px = an offset from the left edge). A pivot, not an alignment — `x` always places the centre, so the anchor changes nothing on an unrotated element. Honored on `video`/`image`/`shape`; rejected (422) on `text`, which rotates about its centre.
`y_anchor`	Dimension	optional	`→ "50%"`	Vertical pivot (`0%` = top edge, `100%` = bottom edge). Same rules as `x_anchor`.
`flip_horizontal` / `flip_vertical`	boolean	optional	`→ false`	Mirror the element. Honored on `video` and `image` only — accepted but silently dropped on `text` and `shape`, which render unmirrored with a `200`. Mirror a shape by rewriting its `path`, or a gradient fill by reversing its `stops`.
`mask_shape`	`circle` \| `diamond` \| `hexagon` \| `star` \| `heart` \| `triangle`	optional	`→ null`	Analytic (SDF) shape mask clipping the element’s coverage.
`mask`	MaskConfig	optional	`→ null`	Feather / scale / center for the mask (iris reveals, wipes).
`mask_keyframes`	MaskKeyframe[]	optional	`→ null`	Animate the mask over time (`time` + optional `feather`/`scale`/`center`/`easing`).
`backdrop_blur`	Dimension	optional	`→ 0`	Frosted-glass panel: the blurred canvas fills the element’s footprint under its (translucent) content. Radius in px.
`matte`	Matte	optional	`→ null`	Track matte: drive this element’s coverage from another layer’s render (alpha/luma; text sources supported).

video and image also accept the extended colour grade — temperature, tint, vibrance, highlights, shadows — alongside brightness/contrast/etc. Those five run −1 to 1, where 0 is a no-op, and the schema does not clamp them.

video

Plays a video clip on the timeline.

Source and trim

Field	Type		Default	Description
`source_url`	URL	required	—	URL of the video file. MP4, MOV and WebM only — any other extension is rejected at submit (422), before the renderer is ever reached. Re-encode first. Must be accessible by the renderer.
`in_point`	number ≥ 0	optional	`→ 0`	Seconds into the source file to start playing from.
`out_point`	number > 0	optional	`→ end of source`	Seconds into the source file to stop playing. Must be greater than `in_point` when both are set.
`speed`	number 0.25–4.0	optional	`→ 1.0`	Playback speed multiplier. `2.0` = 2× speed.
`playback_rate_keyframes`	RateKeyframe[]	optional	`→ null`	Speed ramp — piecewise-linear `{time, rate}` keyframes (absolute timeline seconds; `rate` 0 = freeze-frame; max 512 keyframes). Audio keeps the static rate; mute or detach it on ramped clips. A ramp ending at rate 0 needs an explicit request `duration` to say how long the freeze holds.

Video elements do not have a duration field. Clip length on the output timeline is determined by out_point − in_point (accounting for speed). To fix the output to a specific length, set a top-level duration on the request.

Position and size

Field	Type		Default	Description
`x`	Dimension	optional	`→ "50%"`	Horizontal center position.
`y`	Dimension	optional	`→ "50%"`	Vertical center position.
`width`	Dimension	optional	`→ "100%"`	Clip width.
`height`	Dimension	optional	`→ "100%"`	Clip height.
`z_index`	integer	optional	`→ null`	Stacking order, higher in front. When omitted, elements stack in array order — later entries render above earlier ones. Set explicit values only when array order isn’t the order you want.
`opacity`	number 0–100	optional	`→ 100`	Transparency percentage.
`z_rotation`	Dimension	optional	`→ "0°"`	Rotation around the Z axis.
`flip_horizontal`	boolean	optional	`→ false`	Mirror horizontally.
`flip_vertical`	boolean	optional	`→ false`	Mirror vertically.

Audio

Field	Type		Default	Description
`volume`	number 0–100	optional	`→ 100`	Embedded audio volume percentage. Affects only the audio track inside this clip.
`fade_in_duration`	number	optional	`→ 0`	Seconds of linear audio fade-in at the clip start.
`fade_out_duration`	number	optional	`→ 0`	Seconds of linear audio fade-out at the clip end.

Color adjustments

Field	Type		Default	Description
`brightness`	number	optional	`→ 0`	Brightness offset.
`contrast`	number	optional	`→ 0`	Contrast offset.
`saturation`	number	optional	`→ 0`	Saturation offset.
`exposure`	number	optional	`→ 0`	Exposure offset.
`sharpness`	number	optional	`→ 0`	Sharpening amount.
`blur`	number	optional	`→ 0`	Gaussian blur radius in pixels.
`noise`	number	optional	`→ 0`	Film grain amount.
`vignette`	number	optional	`→ 0`	Vignette intensity.
`hue_rotate`	number	optional	`→ 0`	Hue rotation in degrees.
`temperature`	number −1–1	optional	`→ 0`	White balance, warm (+) / cool (−). `0` = no-op; not clamped.
`tint`	number −1–1	optional	`→ 0`	White balance, magenta (+) / green (−).
`vibrance`	number −1–1	optional	`→ 0`	Saturation boost weighted toward muted colours — lifts flat colour without wrecking skin tones.
`highlights`	number −1–1	optional	`→ 0`	Luma-masked tone lift of the brightest range.
`shadows`	number −1–1	optional	`→ 0`	Luma-masked tone lift of the darkest range.
`lut_url`	URL	optional	`→ null`	URL of a `.cube` LUT file.
`lut_intensity`	number 0–100	optional	`→ 100`	LUT blend percentage.

Cropping

Field	Type		Default	Description
`crop_top`	number 0–1	optional	`→ 0`	Fraction of the clip to crop from the top edge.
`crop_bottom`	number 0–1	optional	`→ 0`	Fraction of the clip to crop from the bottom edge.
`crop_left`	number 0–1	optional	`→ 0`	Fraction of the clip to crop from the left edge.
`crop_right`	number 0–1	optional	`→ 0`	Fraction of the clip to crop from the right edge.

Border and shadow

Field	Type		Default	Description
`border_radius`	Dimension or `{top_left, top_right, bottom_right, bottom_left}`	optional	`→ 0`	Corner radius in pixels — scalar or per-corner; normalized to a 0–1 fraction of the element’s shorter side (≈ half the shorter side is fully rounded) and clamped.
`border_color`	hex color	optional	`→ null`	Border color.
`border_width`	Dimension	optional	`→ 0`	Border thickness in pixels (converted to the renderer’s relative scale so it survives resizes). Outlines the `border_radius`-rounded quad, not the image alpha.
`shadow_color`	hex color	optional	`→ null`	Drop shadow color. Shadow is hidden when this is null.
`shadow_blur`	number	optional	`→ 0`	Shadow softness, 0–100 (renderer strength scale, not pixels).
`shadow_x`	Dimension	optional	`→ 0`	Shadow horizontal offset in pixels. The silhouette is the rounded quad, not the content alpha — cut-out PNGs get a card shadow.
`shadow_y`	Dimension	optional	`→ 0`	Shadow vertical offset.

A shadow needs an offset. Setting shadow_color with shadow_x and shadow_y both 0 returns 422 on video and image — the renderer skips the entire shadow pass at zero offset, so there is no ambient/no-offset shadow. Give it at least 1px.Percentage strings are also rejected on border_radius, border_width, shadow_x, shadow_y and backdrop_blur — those are pixel-unit fields, and a "%" value would silently become 0. Use a number or an "Npx" string.

Effects, motion

Field	Type		Default	Description
`effects`	Effect[]	optional	`→ []`	Visual effects (chroma key, glitch, etc.). See Effect object.
`motion`	Motion[]	optional	`→ []`	Entrance / exit / loop motion presets. See Motion object.

audio

Plays an audio clip or background music track.

Field	Type		Default	Description
`source_url`	URL	required	—	URL of the audio file.
`time`	number ≥ 0	optional	`→ 0`	Start time on the output timeline in seconds.
`in_point`	number ≥ 0	optional	`→ 0`	Seconds into the source to start from.
`out_point`	number > 0	optional	`→ end of source`	Seconds into the source to stop. Controls clip length on the output timeline. Must be greater than `in_point` when both are set.
`speed`	number 0.25–4.0	optional	`→ 1.0`	Playback speed multiplier.
`volume`	number 1–100	optional	`→ 100`	Volume percentage. Must be greater than `0` — the renderer silently drops audio streams with `volume ≤ 0`.
`fade_in_duration`	number	optional	`→ 0`	Seconds of linear fade-in at the clip start.
`fade_out_duration`	number	optional	`→ 0`	Seconds of linear fade-out at the clip end.

text

Renders a text layer on screen.

duration is required on text elements. Omitting it produces a zero-length window — the text will not appear in the render.

Field	Type		Default	Description
`text`	string	required	—	The text content to render.
`duration`	number > 0	required	—	How long the text is visible in seconds.
`time`	number ≥ 0	optional	`→ 0`	When the text appears on the output timeline.
`font_family`	string	optional	`→ "Inter"`	Font family name. Must be available to the renderer.
`font_size`	number > 0	optional	`→ 16`	Font size in pixels.
`font_weight`	integer 100–900	optional	`→ 400`	Font weight. `400` = regular, `700` = bold.
`font_style`	`normal` \| `italic` \| `bold` \| `bolditalic`	optional	`→ "normal"`	Font style variant.
`text_color`	hex color	optional	`→ "#ffffff"`	Text fill color.
`text_align`	`left` \| `center` \| `right`	optional	`→ "center"`	Horizontal text alignment.
`text_decoration`	`none` \| `underline` \| `strikethrough`	optional	`→ "none"`	Only `none` renders. `underline` is reachable only per word (`words[].style.underline`); `strikethrough` has no renderer path at all. Both are rejected (422) rather than silently dropped — draw a strike-through as a thin `shape` rectangle over the text.
`tracking`	number	optional	`→ 0`	Extra spacing between characters.
`leading`	number	optional	`→ 1.2`	Line height multiplier.
`stroke_color`	hex color	optional	`→ null`	Outline color. Set together with `stroke_width` to enable outlines.
`stroke_width`	number	optional	`→ 0`	Outline width em-relative — a fraction of `font_size`, not pixels (`0.05` = 5% of the font size; `0.02`–`0.08` is the usable range). Has no effect unless `stroke_color` is also set.
`background_color`	hex color	optional	`→ null`	Color of the background box (when `background` is `true`) or the active-word highlight (when using `box` or `color` word animations).
`background_opacity`	number 0–100	accepted, not rendered	`→ 100`	Silently dropped — the text encoder emits the plate colour and nothing else about it. Use an 8-digit `background_color` (e.g. `"#000000aa"`) for a translucent plate. Same for `x_padding` / `y_padding`.
`background`	boolean	optional	`→ false`	Solid color box behind the full text block. Set `background_color` to choose the color.
`stroke`	boolean	optional	`→ false`	Outline-only mode — draws the glyph stroke with no fill. Requires `stroke_color` and `stroke_width`. When `false`, setting `stroke_color` + `stroke_width` gives fill + stroke.
`shadow`	boolean	optional	`→ false`	Built-in drop shadow.
`text_wrap`	`wrap` \| `nowrap`	optional	`→ "wrap"`	Whether long lines wrap.
`motion`	Motion[]	optional	`→ []`	Entrance / exit / loop motion presets. See Motion object.
`animation_preset`	string	optional	`→ null`	Renderer text-animation name (e.g. `"typewriter"`, `"karaoke"`, `"reveal"`, `"wave"`, `"impact"`) or the name of a `custom_animations.text` entry. Ignored when `word_animation` is set.
`word_animation`	WordAnimation	optional	`→ null`	Word-level animation with per-word timestamps. See WordAnimation object and word animation examples.
`words`	WordSpec[]	optional	`→ null`	Per-word timing and per-word style overrides (`{word, start, end, style?}`). Editorial-emphasis captions = word timings + a styled keyword. Use with `motion`/`animation_preset` for the animation.
`counter`	ValueCounter	optional	`→ null`	Rewrite the text from an eased numeric sweep (the animated “64%” stat hero).
`glow`	TextGlow	optional	`→ null`	Soft glow around the glyphs (`{color, size, intensity}`).
`text_direction`	`ltr` \| `rtl`	optional	`→ "ltr"`	Text direction. `rtl` for right-to-left scripts.
`x`	Dimension	optional	`→ "50%"`	Horizontal center position.
`y`	Dimension	optional	`→ "50%"`	Vertical center position.
`width`	Dimension	optional	`→ "100%"`	Text wrap width.
`z_index`	integer	optional	`→ null`	Stacking order, higher in front. When omitted, elements stack in array order — later entries render above earlier ones. Text sits one layer above non-text by default. Set explicit values only when array order isn’t the order you want.
`opacity`	number 0–100	accepted, not rendered	`→ 100`	Silently dropped on text — the renderer’s text object has no opacity channel. Fade text with `motion: [{"type": "fade", …}]` or an 8-digit `text_color` (`#ffffff80`).
`z_rotation`	Dimension	optional	`→ "0°"`	Rotation around the Z axis. Text rotates about its box centre — `x_anchor`/`y_anchor` are rejected here.
`border_radius`	—	rejected	—	Not honored on text — the renderer never draws a rounded text plate. Put the text over a rounded `shape` card instead (a rectangular `path` plus `corner_radius`, with a flat hex or gradient `fill`).
`shadow_color`	hex color	optional	`→ null`	Drop shadow color. Shadow is hidden when this is null.
`shadow_blur`	number	optional	`→ 0`	Shadow softness in pixels, normalized against the canvas width on the wire. A different scale from video/image `shadow_blur` (which is 0–100 renderer strength).
`shadow_x`	Dimension	optional	`→ 0`	Horizontal shadow offset in pixels, normalized against canvas width.
`shadow_y`	Dimension	optional	`→ 0`	Vertical shadow offset in pixels, normalized against canvas height.

background, stroke and shadow are mutually exclusive — they select one renderer display mode, so setting two returns 422. Pick one.

On text, animation_preset, word_animation and motion[] are three routes to the same slot — combining motion[] with either of the other two returns 422. Also rejected: an animation_preset naming no catalog text animation and no custom_animations.text entry (the renderer would drop it silently); any loop-* preset name (use motion[] with the matching loop_* type and duration = one cycle); and any per-glyph preset — or scope: "character" motion — on an element that has a counter, because glyph timings are computed once against the placeholder text and later glyphs of longer values never render (use a block animation like fade).

image

Renders a static image on screen.

Both id and duration are required on image elements. An empty or missing id causes the image to be silently skipped by the renderer. A missing duration produces a zero-length window.

Field	Type		Default	Description
`id`	string	required	—	Unique identifier. Empty string causes silent skip.
`source_url`	URL	required	—	URL of the image file (PNG, JPG, WebP, GIF, SVG). `.svg` rasterizes in-process: flat fills and stroke icons (Lucide/Feather-style) work; gradients, text and filters inside the SVG do not — pre-rasterize those to PNG.
`duration`	number > 0	required	—	How long the image is visible in seconds.
`time`	number ≥ 0	optional	`→ 0`	When the image appears on the output timeline.
`x`	Dimension	optional	`→ "50%"`	Horizontal center position.
`y`	Dimension	optional	`→ "50%"`	Vertical center position.
`width`	Dimension	optional	`→ "100%"`	Image width.
`height`	Dimension	optional	`→ "100%"`	Image height.
`z_index`	integer	optional	`→ null`	Stacking order, higher in front. When omitted, elements stack in array order — later entries render above earlier ones, so an image listed after a video already sits on top. Set explicit values only when array order isn’t the order you want.
`opacity`	number 0–100	optional	`→ 100`	Transparency percentage.
`z_rotation`	Dimension	optional	`→ "0°"`	Rotation around the Z axis.
`flip_horizontal`	boolean	optional	`→ false`	Mirror horizontally.
`flip_vertical`	boolean	optional	`→ false`	Mirror vertically.
`motion`	Motion[]	optional	`→ []`	Entrance / exit / loop motion presets.
`effects`	Effect[]	optional	`→ []`	Visual effects.
`brightness`	number	optional	`→ 0`
`contrast`	number	optional	`→ 0`
`saturation`	number	optional	`→ 0`
`exposure`	number	optional	`→ 0`
`sharpness`	number	optional	`→ 0`
`blur`	number	optional	`→ 0`	Gaussian blur in pixels.
`noise`	number	optional	`→ 0`	Film grain.
`vignette`	number	optional	`→ 0`
`hue_rotate`	number	optional	`→ 0`	Hue rotation in degrees.
`temperature`	number −1–1	optional	`→ 0`	White balance, warm (+) / cool (−). `0` = no-op; not clamped.
`tint`	number −1–1	optional	`→ 0`	White balance, magenta (+) / green (−).
`vibrance`	number −1–1	optional	`→ 0`	Saturation boost weighted toward muted colours — lifts flat colour without wrecking skin tones.
`highlights`	number −1–1	optional	`→ 0`	Luma-masked tone lift of the brightest range.
`shadows`	number −1–1	optional	`→ 0`	Luma-masked tone lift of the darkest range.
`lut_url` / `lut_intensity`	—	accepted, not rendered	—	Silently dropped on images — only `video` elements apply a `.cube` LUT. Bake the grade into the source image, or use `temperature`/`tint`/`vibrance`/`highlights`/`shadows`.
`crop_top`	number 0–1	optional	`→ 0`
`crop_bottom`	number 0–1	optional	`→ 0`
`crop_left`	number 0–1	optional	`→ 0`
`crop_right`	number 0–1	optional	`→ 0`
`border_radius`	Dimension or `{top_left, top_right, bottom_right, bottom_left}`	optional	`→ 0`	Corner radius in pixels — scalar or per-corner; normalized to a 0–1 fraction of the element’s shorter side (≈ half the shorter side is fully rounded) and clamped.
`border_color`	hex color	optional	`→ null`	Border color. Border is hidden when this is null.
`border_width`	Dimension	optional	`→ 0`	Border thickness in pixels. Outlines the `border_radius`-rounded quad, not the image alpha.
`shadow_color`	hex color	optional	`→ null`	Drop shadow color. Shadow is hidden when this is null.
`shadow_blur`	number	optional	`→ 0`	Shadow softness, 0–100 (renderer strength scale, not pixels).
`shadow_x`	Dimension	optional	`→ 0`	Shadow horizontal offset in pixels. The silhouette is the rounded quad, not the content alpha — cut-out PNGs get a card shadow.
`shadow_y`	Dimension	optional	`→ 0`	Shadow vertical offset. Same zero-offset and percentage rules as video — a `shadow_color` with both offsets `0` is a 422.

The removed `gradient` element

{"type": "gradient", …} is gone. A body carrying one returns a 422 — and, unlike an ordinary unknown-tag error, it says so in words and hands you the replacement:

{
  "error": {
    "code": "invalid_request",
    "details": {
      "errors": [
        {
          "type": "union_tag_invalid",
          "pointer": "/elements/0",
          "suggestion": "shape",
          "msg": "The `gradient` element type was REMOVED: a gradient is now a fill value, not an element type, so it paints any silhouette instead of only a box. … Write this instead: {\"type\": \"shape\", …}"
        }
      ]
    }
  }
}

GET /v1/capabilities no longer lists gradient among element_types and no longer publishes a schema for it. shape is the type to check a gradient card against. Nothing you have saved needs editing. Every stored composition — project heads, their version history and queued job bodies — was rewritten to the shape form before this change shipped, and the two forms render identically, so old projects keep working untouched. Only request bodies your own code still builds need changing.

Write this instead

A gradient card, bar or pill is a shape whose path covers its whole view_box and whose fill is the gradient. Field for field:

`gradient` element	`shape` equivalent
`"type": "gradient"`	`"type": "shape"`
`gradient` (object or CSS string)	`fill` — same object, same CSS shorthand, same Gradient object
—	`path`: `"M0 0 H100 V100 H0 Z"` (required — the full-`view_box` rectangle is what makes it a card)
—	`view_box`: omit; the default `[0,0,100,100]` matches that path
`corner_radius`, `shadow`, `effects`, `motion`	unchanged, same names, same units
`id`, `time`, `duration`, `x`, `y`, `width`, `height`, `x_anchor`, `y_anchor`, `opacity`, `z_index`, `z_rotation`, `x_rotation`, `y_rotation`	unchanged
(rejected on the old element)	`blend_mode`, `mask_shape` / `mask` / `mask_keyframes`, `matte`, `backdrop_blur`, `stroke`, `trim`, `path_keyframes` are now ordinary fields on the same element

Before — a gradient card as the removed element (now a 422):

{
  "type": "gradient",
  "id": "hero_card",
  "time": 0,
  "duration": 6,
  "x": "50%",
  "y": "50%",
  "width": "62%",
  "height": "34%",
  "corner_radius": 0.18,
  "gradient": {
    "kind": "linear",
    "angle_degrees": 45,
    "stops": [
      { "offset": 0, "color": "#e07a4f" },
      { "offset": 1, "color": "#7c3aed" }
    ]
  },
  "shadow": { "color": "#00000066", "distance": 65, "direction": 90, "blur": 60 }
}

After — the same card, in the spelling the API accepts. Two keys change: type, and gradient becomes fill; one key is added: path:

{
  "type": "shape",
  "id": "hero_card",
  "time": 0,
  "duration": 6,
  "x": "50%",
  "y": "50%",
  "width": "62%",
  "height": "34%",
  "path": "M0 0 H100 V100 H0 Z",
  "corner_radius": 0.18,
  "fill": {
    "kind": "linear",
    "angle_degrees": 45,
    "stops": [
      { "offset": 0, "color": "#e07a4f" },
      { "offset": 1, "color": "#7c3aed" }
    ]
  },
  "shadow": { "color": "#00000066", "distance": 65, "direction": 90, "blur": 60 }
}

The fill also takes the CSS shorthand — "fill": "linear-gradient(45deg, #e07a4f 0%, #7c3aed 100%)" is the same card in one line. See Gradient fills for the full treatment, and What a gradient fill composes with for everything the shape spelling gives you that the removed element could not.

Only the element went. The word gradient is untouched everywhere else in the API: a shape’s gradient fill, the request-level background_gradient, the Gradient object and the CSS linear-gradient(...) / radial-gradient(...) shorthand all work exactly as before.

shape

A first-class vector primitive: SVG path fill + stroke, morphing, trim paths. The fill is a hex colour, "none", a Gradient object or a CSS gradient string — so a gradient card, bar or pill is a shape with a rectangular path, a corner_radius and a gradient fill (Gradient fills).

Field	Type		Default	Description
`id`	string	required	—	Unique identifier.
`duration`	number > 0	required	—	Seconds the shape is visible.
`path`	string	required	—	SVG path `d` (`M L H V C S Q T Z`; arcs straighten).
`view_box`	`[x,y,w,h]`	optional	`→ [0,0,100,100]`	Path coordinate space.
`fill`	hex color \| `"none"` \| Gradient \| CSS gradient string	optional	`→ "#000000"`	Fill colour (alpha ok), `"none"` for outline-only, a Gradient object (`{kind, angle_degrees, center, stops}`, ≥2 stops), or a CSS `linear-gradient(...)` / `radial-gradient(...)` string. The CSS form is normalized to the Gradient object API-side — the renderer never sees a CSS string and reading the composition back returns the object. The path is free: a gradient fills a triangle, a blob or an icon outline as readily as a rectangle, and layers with `stroke`, `trim`, morphing and the compositing family — Gradient fills.
`fill_rule`	`nonzero` \| `evenodd`	optional	`→ "nonzero"`	Fill rule.
`stroke`	hex color	optional	`→ null`	Stroke colour.
`stroke_width`	number	optional	`→ null`	Stroke width in viewBox units (absent = SVG 1.0; 0 disables).
`stroke_dash`	`[on, off]`	optional	`→ null`	Dashed stroke lengths.
`corner_radius`	number 0–1 or `{top_left, top_right, bottom_right, bottom_left}`	optional	`→ 0`	Corner radius, normalized — scalar or per-corner.
`shadow`	DropShadow	optional	`→ null`	Drop shadow.
`path_keyframes`	PathKeyframe[]	optional	`→ null`	Morph the path between keyframes (`{time, d, easing?}` + spring/back/elastic/bezier — overshooting eases visibly overshoot the geometry).
`trim`	`{start, end}`	optional	`→ null`	Static trim window: keep only this arc-length fraction of each subpath.
`trim_keyframes`	TrimKeyframe[]	optional	`→ null`	Animate the trim window (`{time, start?, end?, easing?}` + spring/back/elastic/bezier) — the classic draw-on animates `end` 0→1 on a stroked path.
`effects`, `motion`, common transform/looks		optional		As above.

Gradient fills

A gradient card, bar or pill is a shape whose path covers its whole view_box and whose fill is a gradient — the rectangle is what makes it a card, not something the gradient itself asks for (what a gradient fill composes with). Both spellings are accepted — the Gradient object, or the CSS shorthand, which is parsed API-side into exactly the same object. (This replaces the gradient element, which was removed.)

{
  "type": "shape",
  "id": "hero_card",
  "time": 0,
  "duration": 6,
  "x": "50%",
  "y": "50%",
  "width": "62%",
  "height": "34%",
  "path": "M0 0 H100 V100 H0 Z",
  "corner_radius": 0.18,
  "fill": {
    "kind": "linear",
    "angle_degrees": 45,
    "stops": [
      { "offset": 0, "color": "#e07a4f" },
      { "offset": 1, "color": "#7c3aed" }
    ]
  },
  "shadow": { "color": "#00000066", "distance": 65, "direction": 90, "blur": 60 }
}

The same card written with the CSS shorthand. It is accepted anywhere the object is — a shape’s fill and the request-level background_gradient — and it is normalized at validation, so the stored composition and every read-back hold the object, never the string:

{
  "type": "shape",
  "id": "hero_card",
  "time": 0,
  "duration": 6,
  "x": "50%",
  "y": "50%",
  "width": "62%",
  "height": "34%",
  "path": "M0 0 H100 V100 H0 Z",
  "corner_radius": 0.18,
  "fill": "linear-gradient(45deg, #e07a4f 0%, #7c3aed 100%)"
}

CSS angles are converted to the engine’s convention — angle_degrees = (90 − css_deg) mod 360, so to right is 0 and to top is 90 — and a radial at 30% 70% is converted to the engine’s bottom-up center. A numeric CSS angle is box-relative: 135deg behaves as to bottom right whatever the card’s aspect, so only 0/90/180/270 are pixel-exact on a non-square box. What the parser cannot represent is a 422 carrying the fix: repeating-* and conic-gradient(...), var()/calc(), vendor prefixes, a unitless angle (45 → 45deg) and pixel stop positions (40px → 25%).

What a gradient fill composes with

A gradient fill is a paint on the shape’s own path, sitting where a flat hex colour would sit. Everything else on the element keeps working around it:

Any path. A triangle ("M50 0 L100 100 L0 100 Z"), a blob, an icon outline, a multi-subpath glyph under either fill_rule — a gradient fills each of them the way it fills the card above. The rectangle is a card’s shape, not a gradient’s requirement.
stroke / stroke_width / stroke_dash. Outline a gradient-filled path in a flat colour, dashed or solid, on the one element.
path_keyframes. Morph a gradient-filled path between keyframes.
trim / trim_keyframes. The draw-on works on a gradient-filled path; trim still applies before dash.
The compositing family. blend_mode, mask_shape / mask / mask_keyframes, matte and backdrop_blur read a gradient-filled shape the same way they read a flat-filled one — a screen-blended gradient sweep, a gradient card behind a frosted panel, a gradient held inside a luma matte are all one element each.
fill_rule, corner_radius, opacity. Identical behaviour to a flat fill.

Stacking a gradient-filled shape behind a flat-filled one is still a fine way to build a layered look — two shapes when you want two shapes, not a workaround. This is the spelling to write, and now the only one. The gradient element that used to draw the same card was removed: it had no channel for a path, a stroke, a trim or the compositing family, and everything it could draw a shape draws too.

Composition-level features

Set on the render request itself (siblings of elements), not on individual elements:

Field	Type		Default	Description
`groups`	Group[]	optional	`→ []`	Transform groups over member elements (compose member→group→parent; optional stack layout).
`motion_blur`	`{samples 2–32, shutter (0–1]}`	optional	`→ null`	Shutter-based motion blur over the whole composition. Opt-in and costly: accumulation is CPU-side, so the render falls back to software encoding — expect roughly `samples`× render time.
`background_gradient`	Gradient \| CSS gradient string	optional	`→ null`	Canvas-sized gradient fill behind every layer. Accepts a Gradient object or a CSS `linear-gradient(...)` / `radial-gradient(...)` string.
`watermark_url`	URL	optional	`→ null`	Watermark image overlaid on the output.
`custom_animations`	CustomAnimationRegistry	optional	`→ null`	Inline `{element, text}` custom-animation keyframe definitions, referenced by name from `motion[].custom` or a text `animation_preset`.

Sub-objects

Motion

Used in motion[] on video, text, image, and shape elements, and in animations[] on groups. Each entry runs either a pre-built catalog preset (type) or one of your custom_animations definitions (custom).

Field	Type		Default	Description
`type`	MotionType	one of `type`/`custom`	—	Catalog preset identifier (e.g. `fade`, `slide_up`, `zoom_in`; `identity` = deliberate no-op carrier).
`custom`	string	one of `type`/`custom`	—	Name of a `custom_animations` entry to run instead of a catalog preset (`element` registry for non-text elements and groups, `text` registry for text).
`time`	number ≥ 0	required	—	Absolute start time on the output timeline in seconds. For entrances and loops use the element’s `time`. For exits use element `time + duration − motion duration`.
`duration`	number > 0	required	—	How long the preset runs in seconds.
`reversed`	boolean	optional	`→ false`	`true` = exit variant; `false` = entrance variant. Only presets that ship both forms accept it (`fade`, `slide_`, `wipe_`, `rotate_*`, `bounce`). Entrance-only presets have a separate exit-only type instead — `zoom_out` (not `zoom_in` reversed), `evaporate` (not `blur`), `whip_down`, `drift_out`, `swing_out`, `elastic_drop` — and those six set the flag for you.
`easing`	Easing name	optional	`→ "ease_in_out"`	Ignored by the renderer — preset curves are baked into the animation definition (or your `custom_animations` keyframes). Kept for backward compatibility.
`scope`	`element` \| `character`	optional	`→ "element"`	Apply to the whole element (`element`) or each character individually (`character`). Character scope is only supported on `text`.
`loop`	boolean	optional	`→ false`	Loop the preset for its duration.
`delay`	number ≥ 0	optional	`→ 0`	Seconds to wait before the animation starts; on loop presets it spaces the repeats instead.
`spacing`	number ≥ 0	optional	`→ null`	Stagger multiplier between per-glyph/word windows on text animations (1 = sequential, smaller overlaps).
`audio`	AudioGenerator	optional	`→ null`	Audio-reactive offsets driven by the soundtrack FFT (beat-bounce, bass-pumped scale). Element surfaces only — not supported on text animations (put the text in an audio-reactive group). For a pure generator with no visible motion use `type: "identity"`.

Preset surfaces

Presets are surface-specific. Text animations and element animations come from two different renderer directories, so a preset used on the wrong surface returns 422, not a silent no-op — blur and evaporate are text-only; identity, swing_in, tilt_zoom, loop_orbit and the ken_burns_* family are element-only. GET /v1/capabilities → motions[] is authoritative: every entry carries the same four booleans shown here. See Motion examples.

Preset	element entrance	element exit	character (text)	text block
`identity`	✅
`fade`	✅	✅		✅
`slide_up` / `slide_down`	✅	✅		✅
`slide_left` / `slide_right`	✅	✅		✅
`zoom_in`	✅			✅
`zoom_out`		✅		✅
`rotate_cw` / `rotate_ccw`	✅	✅
`bounce`	✅	✅	✅
`wipe_left` / `wipe_right` / `wipe_up` / `wipe_down`	✅	✅
`ken_burns_in` / `ken_burns_out` / `ken_burns_in_out`	✅
`loop_wiggle`	✅
`loop_rotate`	✅			✅
`loop_rotate_smooth`	✅
`loop_3d_spin` / `loop_3d_sway`	✅
`swing_in`	✅
`swing_out`		✅
`elastic_rise`	✅
`elastic_drop`		✅
`tilt_zoom`	✅
`loop_orbit`	✅
`smooth_pop`	✅
`blur`			✅	✅
`evaporate`			✅	✅
`rubber_in`			✅	✅
`whip_up` / `whip_down`			✅	✅
`glitch_pop`			✅	✅
`drift_in` / `drift_out`			✅	✅
`loop_breathe` / `loop_shimmer`			✅	✅
`overlay` / `difference`				✅

scope: "character" needs a preset with a ✅ in the character column — a text-block preset at character scope is a 422 too.

Effect

Used in effects[] on video, image, and shape elements.

Field	Type		Default	Description
`type`	EffectType	required	—	Effect identifier (e.g. `chroma_key`, `vintage`, `add_grain`, `aurora`).
`intensity`	number 0–100	optional	`→ 50`	Effect strength percentage. Except `chroma_key`, where an unset `intensity` defaults to `100` — at 50 the shader leaves the screen half-keyed (a translucent green wash).
`intensity_keyframes`	`{time, value}`[]	optional	`→ null`	Animate intensity over time (absolute seconds, value 0–1). Overrides the static `intensity` — film-look ramps, chroma-key reveals, duotone fades.
`props`	object (string→number)	optional	`→ null`	Shader scalar props. Only `aurora` accepts one: `{"speed": <number>}`. Any other key, or any prop on any other effect, returns 422 — the renderer would bind nothing and silently no-op.
`chroma_settings`	ChromaKeyProps	optional	`→ null`	Fine-tuned chroma key settings. Only used when `type` is `chroma_key`.

ChromaKeyProps

Used as chroma_settings on a chroma_key effect. Omitting the object entirely applies the defaults below — not the shader’s own zero defaults, which would key black rather than green.

Field	Type		Default	Description
`key_color`	hex color	optional	`→ "#00FF00"`	The colour to key out (green-screen green by default). Keys in the YCbCr chroma plane, so shadows on the screen key out too.
`threshold`	number 0–1	optional	`→ 0.1`	Chroma distance below which a pixel is fully transparent. Raise it if fringes of the screen survive.
`smoothness`	number 0–1	optional	`→ 0.15`	Width of the transparent→opaque ramp starting at `threshold`; 0 = hard cut.
`spill_suppress`	number 0–1	optional	`→ 0.5`	Pulls surviving pixels near the key colour toward their own luma, removing green spill on hair/edges. 0 disables.

WordAnimation

Used as word_animation on text. Drives word-by-word animated text synchronized to timestamps.

Field	Type		Default	Description
`style`	WordAnimationStyle	required	—	Animation style. One of: `glow`, `box`, `scale_pop`, `slide_up`, `fly_in`, `color`.
`words`	Word[]	required	—	Per-word timestamps. Must be non-empty.

style: "color" and style: "box" paint the active word with the text element’s background_color. It is required for those two styles (422 otherwise) — the renderer resolves an absent value to opaque black, which is an invisible highlight on dark footage.

Word

Used in word_animation.words[]. Timestamps are absolute timeline seconds — the same clock as the element’s time, motion time, and everything else.

Field	Type		Default	Description
`text`	string	required	—	The word text.
`start`	number ≥ 0	required	—	Absolute output-timeline seconds when this word begins — the same clock as the element’s `time`, not an offset from it.
`end`	number > 0	required	—	Absolute output-timeline seconds when this word ends.

WordSpec

Used in words[] on text. Per-word timing with an optional style override (whole-word matches only).

Field	Type		Default	Description
`word`	string	required	—	The word (whole-word match; UTF-8).
`start`	number ≥ 0	required	—	Word reveal start, seconds.
`end`	number > 0	required	—	Word reveal end, seconds.
`style`	`{color?, bold?, italic?, underline?}`	optional	`→ null`	Per-word style override.

ValueCounter

Used as counter on text. Rewrites the text from an eased numeric sweep.

Field	Type		Default	Description
`from_value`	number	optional	`→ 0`	Start value.
`to_value`	number	optional	`→ 100`	End value.
`decimals`	integer 0–6	optional	`→ 0`	Decimal places.
`prefix` / `suffix`	string	optional	`→ ""`	Text around the number (e.g. `suffix: "%"`).
`easing`	string	optional	`→ null`	Easing curve name from the `easings` catalog (`quad_out`, `expo_out`, …). Named curves only — the parameterized spring/back/elastic families don’t apply to the counter.
`start_time`	number ≥ 0	optional	`→ 0`	Seconds into the element to start.
`length`	number > 0	optional	`→ remaining life`	Sweep duration.

TextGlow

Used as glow on text.

Field	Type		Default	Description
`color`	hex color	required	—	Glow colour.
`size`	number	optional	`→ 0.15`	Glow size, em-relative.
`intensity`	number	optional	`→ 1.0`	Glow intensity.

Gradient object

Used as fill on shape elements and as background_gradient on the request. Everywhere this object is accepted a CSS linear-gradient(...) / radial-gradient(...) string is accepted too, and is normalized into this object at validation.

Field	Type		Default	Description
`kind`	`linear` \| `radial`	optional	`→ "linear"`	Gradient kind.
`angle_degrees`	number	optional	`→ 0`	Linear angle, mathematical (counterclockwise, y-up): `0` = left→right, `45` = bottom-left→top-right, `315` = top-left→bottom-right.
`center`	`{x, y}`	optional	`→ null`	Radial focus point as fractions of the fill’s box — the shape’s box for a gradient `fill`, the canvas for `background_gradient`. `y` runs bottom-up (`{x: 0.5, y: 0}` is the bottom edge), the opposite of CSS `at 50% 100%`. Ignored for linear.
`stops`	`{offset 0–1, color}`[]	required	—	Two or more colour stops.

DropShadow

Used as shadow on shape elements.

Field	Type		Default	Description
`color`	hex color	required	—	Shadow colour (alpha ok).
`distance`	number	optional	`→ 0`	Offset strength, 0–100 on the renderer’s scale — not pixels. The rendered offset is `distance × 0.0005 × the element's shorter side`, so on a 200px chip a px-looking `8` is 0.8px and invisible; the linter reports that as `SHADOW_BELOW_MIN_SIZE`. Author 60–70 (what the golden reference scenes use). Must be > 0.
`direction`	number	optional	`→ 90`	Direction in degrees (polar; 90 = down).
`blur`	number	optional	`→ 0`	Softness, 0–100 on the renderer’s blur-strength scale — not a pixel radius, and unlike `distance` it does not scale with the element. `0` is a hard-edged offset copy; 60–70 is the soft card shadow.

Matte

Used as matte on visual elements. Drives coverage from another layer’s isolated render (the source auto-hides).

Field	Type		Default	Description
`source`	string	required	—	uuid of the source layer. Text sources supported.
`mode`	`alpha` \| `luma`	optional	`→ "alpha"`	Matte mode.
`invert`	boolean	optional	`→ false`	Invert the matte.

MaskConfig

Used as mask on visual elements (layered on the analytic mask_shape).

Field	Type		Default	Description
`feather`	number	optional	`→ 0`	Soften the mask edge.
`scale`	number > 0	optional	`→ 1.0`	Mask scale (iris reveals).
`center`	`{x, y}`	optional	`→ null`	Mask centre (wipes).

AudioGenerator

Used as audio in a motion[] entry. Each frame the soundtrack FFT reduces to the feature and offsets the element’s properties by amount × feature.

Field	Type		Default	Description
`feature`	`amplitude` \| `bass` \| `mid` \| `high` \| `beat`	optional	`→ "amplitude"`	Which FFT feature drives the offset.
`scale` / `opacity` / `rotate`	number	optional	`→ 0`	Offset per unit feature.
`translate`	`{x, y}`	optional	`→ null`	Translate offset per unit feature.

RangeSelector

Used as selector on a custom_animations definition (the engine reads it off the animation definition, never off a motion[] entry). Shapes the animation amount by position along the text; set the definition’s group to glyph or word so there is something to range across.

Field	Type		Default	Description
`based_on`	`glyph` \| `word`	optional	`→ "glyph"`	Selection granularity.
`start` / `end`	number 0–1	optional	`→ 0` / `1`	Range along the text.
`falloff`	number	optional	`→ 0`	Ease to zero over this fraction beyond each edge.
`ease`	string	optional	`→ null`	Falloff easing curve.
`invert`	boolean	optional	`→ false`	Invert the selection.

CustomAnimationRegistry

Set as custom_animations on the request. Two registries, because the engine builds element animations and text animations from two different code paths:

Field	Type		Default	Description
`element`	CustomAnimation[]	optional	`→ []`	Bindable from `motion[].custom` on `video` / `image` / `shape` elements and from `groups[].animations[].custom`.
`text`	CustomAnimation[]	optional	`→ []`	Bindable from a text element’s `animation_preset` or its `motion[].custom`.

CustomAnimation

Field	Type		Default	Description
`name`	string	required	—	Reference name. Rejected (422): the reserved names `none`/`overlay`/`difference`, any name that shadows a catalog preset (the engine would ignore your definition and silently run the catalog one), and duplicates within one registry.
`keyframes`	AnimationKeyframe[]	required	—	At least one.
`group`	`block` \| `word` \| `glyph`	optional	`→ "block"`	What the animation repeats over. Text registry only — a non-`block` value on an `element` entry is a 422.
`selector`	RangeSelector	optional	`→ null`	Shape the amount by position along the text; set `group` to `word`/`glyph` so there is something to range across. Text registry only.

AnimationKeyframe

Field	Type		Default	Description
`time`	number 0–1	required	—	Fraction of the animation, not seconds — unlike every other `time` on this page. `0` = the animation’s start, `1` = its end; the `duration` on the `motion[]` entry sets the real length.
`easing`	Easing name	optional	`→ null`	Easing into this keyframe. Unknown names are rejected (the engine would silently fall back to linear).
`bezier` / `spring` / `back` / `elastic`	object	optional	`→ null`	Parameterized easing into this keyframe, overriding `easing`. Priority when several are set: bezier > spring > back > elastic.
`translate`	`{x, y}`	optional	`→ null`	Position offset (normalized).
`path`	`{c1, c2}`	optional	`→ null`	Curve the translate into this keyframe along a cubic bezier. Element registry only — a 422 on a `text` entry.
`scale`	number or `{x, y}`	optional	`→ null`	Uniform or per-axis scale.
`rotate`	number	optional	`→ null`	In-plane (z) rotation, degrees.
`rotation`	`{x, y, z}`	optional	`→ null`	Full 3D rotation, degrees; overrides `rotate`. Non-zero `x`/`y` is true perspective tilt — and the only way to tilt text, which has no static `x_rotation`/`y_rotation`.
`opacity`	number	optional	`→ null`	Opacity at this keyframe.
`color`	hex color	optional	`→ null`	Colour tint (multiplied with the element). When an 8-digit alpha and `opacity` are both set, `opacity` wins for alpha.
`blur`	number ≥ 0	optional	`→ null`	Per-glyph blur, em-relative. Text registry only — a 422 on an `element` entry.

{
  "custom_animations": {
    "element": [
      {
        "name": "arcSwoop",
        "keyframes": [
          { "time": 0, "translate": { "x": -0.3, "y": 0.2 }, "scale": { "x": 0.6, "y": 0.6 }, "opacity": 0 },
          {
            "time": 1,
            "translate": { "x": 0, "y": 0 },
            "path": { "c1": { "x": -0.1, "y": -0.2 }, "c2": { "x": 0.05, "y": 0.05 } },
            "scale": 1,
            "rotation": { "x": 0, "y": 25, "z": -6 },
            "opacity": 1,
            "spring": { "stiffness": 140, "damping": 12, "mass": 1 }
          }
        ]
      }
    ]
  },
  "elements": [
    {
      "type": "image",
      "id": "card",
      "source_url": "https://cdn.example.com/card.png",
      "time": 0,
      "duration": 3,
      "motion": [{ "custom": "arcSwoop", "time": 0, "duration": 1.1 }]
    }
  ]
}

Group

Used in the request-level groups[]. Composes member → group → parent (pixel-space, aspect-correct).

Field	Type		Default	Description
`id`	string	required	—	Unique group id.
`parent`	string	optional	`→ null`	Parent group id for nesting.
`pivot` / `translate`	`{x, y}`	optional		Pivot and translation (normalized).
`scale`	number > 0	optional	`→ 1.0`	Group scale.
`rotation_degrees`	number	optional	`→ 0`	In-plane (z) rotation.
`x_rotation` / `y_rotation`	Dimension	optional	`→ "0°"`	Perspective tilt applied to each member’s orientation about its own centre — the tilted card-gallery look.
`opacity`	number 0–1	optional	`→ 1.0`	Group opacity.
`members`	string[]	optional	`→ []`	Member element uuids.
`animations`	Motion[]	optional	`→ []`	Group-level motion.
`layout`	`{type:"stack", direction, gap, align, origin}`	optional	`→ null`	Stack layout (row/column).

​How to read this page

​Common fields

​Advanced transform & looks

​video

​Source and trim

​Position and size

​Audio

​Color adjustments

​Cropping

​Border and shadow

​Effects, motion

​audio

​text

​image

​The removed gradient element

​Write this instead

​shape

​Gradient fills

​What a gradient fill composes with

​Composition-level features

​Sub-objects

​Motion

​Preset surfaces

​Effect

​ChromaKeyProps

​WordAnimation

​Word

​WordSpec

​ValueCounter

​TextGlow

​Gradient object

​DropShadow

​Matte

​MaskConfig

​AudioGenerator

​RangeSelector

​CustomAnimationRegistry

​CustomAnimation

​AnimationKeyframe

​Group

How to read this page

Common fields

Advanced transform & looks

video

Source and trim

Position and size

Audio

Color adjustments

Cropping

Border and shadow

Effects, motion

audio

text

image

The removed `gradient` element

Write this instead

shape

Gradient fills

What a gradient fill composes with

Composition-level features

Sub-objects

Motion

Preset surfaces

Effect

ChromaKeyProps

WordAnimation

Word

WordSpec

ValueCounter

TextGlow

Gradient object

DropShadow

Matte

MaskConfig

AudioGenerator

RangeSelector

CustomAnimationRegistry

CustomAnimation

AnimationKeyframe

Group