> ## Documentation Index
> Fetch the complete documentation index at: https://rendobar.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Keep the API key in an env var (RENDOBAR_API_KEY), never in chat or committed code.
> Job types change, so fetch the live catalog from GET https://api.rendobar.com/jobs/types rather than relying on memory.
> The full integration prompt for coding agents is at https://rendobar.com/prompts/integrate.md.

# Placing and framing a clip

> Set a clip's position, scale, rotation, box, crop and opacity, and see every one of them before and after on one shot.

Every clip takes the same set of fields, whatever it holds. Each one below is the same shot on the same backdrop, changed in exactly one way.

## Where it sits

<video src="https://cdn.rendobar.com/compose/showcase/position/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/position/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/position/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/position/after.jpg" autoPlay loop muted playsInline controls />

`position` is the clip's centre by default, as a percent of the frame or in pixels. `anchor` changes what the point refers to.

<video src="https://cdn.rendobar.com/compose/showcase/anchor/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/anchor/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/anchor/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/anchor/after.jpg" autoPlay loop muted playsInline controls />

## How big it is

<video src="https://cdn.rendobar.com/compose/showcase/scale/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/scale/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/scale/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/scale/after.jpg" autoPlay loop muted playsInline controls />

`scale` multiplies the clip's natural size. `size` gives it a box of its own, which the picture fills the way [fit](/docs/docs/jobs/compose/output#how-a-picture-fills-its-box) says, so a box plus cover is how a wide shot becomes a tall panel.

<video src="https://cdn.rendobar.com/compose/showcase/size/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/size/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/size/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/size/after.jpg" autoPlay loop muted playsInline controls />

## Turning and mirroring

<video src="https://cdn.rendobar.com/compose/showcase/rotate/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/rotate/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/rotate/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/rotate/after.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/flip/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/flip/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/flip/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/flip/after.jpg" autoPlay loop muted playsInline controls />

## Trimming the edges

<video src="https://cdn.rendobar.com/compose/showcase/crop/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/crop/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/crop/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/crop/after.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/crop-radius/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/crop-radius/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/crop-radius/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/crop-radius/after.jpg" autoPlay loop muted playsInline controls />

## Pinning to a surface

`corners` is the other form of a transform: four points instead of a position. It puts footage on a screen or a sign in the shot, and it does not combine with position, scale, rotate or fit.

<video src="https://cdn.rendobar.com/compose/showcase/corners/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/corners/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/corners/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/corners/after.jpg" autoPlay loop muted playsInline controls />

## How solid, and how fast

<video src="https://cdn.rendobar.com/compose/showcase/opacity/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/opacity/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/opacity/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/opacity/after.jpg" autoPlay loop muted playsInline controls />

Keyframes on `opacity` are how a clip fades in or out. Anything that moves is on [Keyframes and easing](/docs/docs/jobs/compose/motion).

<video src="https://cdn.rendobar.com/compose/showcase/speed/before.mp4" poster="https://cdn.rendobar.com/compose/showcase/speed/before.jpg" autoPlay loop muted playsInline controls />

<video src="https://cdn.rendobar.com/compose/showcase/speed/after.mp4" poster="https://cdn.rendobar.com/compose/showcase/speed/after.jpg" autoPlay loop muted playsInline controls />

Every field is in the [clip reference](/docs/docs/jobs/compose/reference/timeline#clip).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.