Rendering Video

Element Reference

Rect Element

1. Shape

interface RectClip extends BaseClip {
  type: "rect";
}

2. Good use cases

Background panels
Information bar backgrounds
Lower-third backplates
Overlay masks
Section separators

3. Common fields

Most common setup:

transform.width
transform.height
style.fill
style.stroke
style.strokeWidth
style.borderRadius

4. Example

{
  "type": "rect",
  "start": 0.2,
  "duration": 5,
  "transform": {
    "x": "50%",
    "y": "86%",
    "width": "76%",
    "height": 120
  },
  "style": {
    "fill": "rgba(0, 0, 0, 0.72)",
    "borderRadius": 18
  }
}

Text Element

Text clip fields, typography options, and runtime behavior

Circle Element

Circle clip fields, angle range options, and runtime behavior

On this page

2. Good use cases

3. Common fields