# Keyframe
Represents a keyframe in the animation timeline.

{/* Do not edit this file. It is automatically generated by API Documenter. */}

## Keyframe interface

Represents a keyframe in the animation timeline.

**Signature:**

```typescript
interface Keyframe<T>
```

## Example

```ts
// updating the position keyframe at frame 30
const positionKeyframe = layer.position.getKeyframeAt(30);
if (positionKeyframe) {
  positionKeyframe.value = { x: 100, y: 200 };
  positionKeyframe.outTangent = { x: 0.65, y: 0 };
  positionKeyframe.inTangent = { x: 0.36, y: 1 };
}
```

## Properties

<table>
  <thead>
    <tr>
      <th>
        Property
      </th>

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [easing](/en/creator-api/nodes/keyframe/easing)
      </td>

      <td />

      <td>
        [Easing](/en/creator-api/types/easing)
      </td>

      <td>
        Easing function for this keyframe
      </td>
    </tr>

    <tr>
      <td>
        [frame](/en/creator-api/nodes/keyframe/frame)
      </td>

      <td />

      <td>
        number
      </td>

      <td>
        The frame number of this keyframe
      </td>
    </tr>

    <tr>
      <td>
        [id](/en/creator-api/nodes/keyframe/id)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        string
      </td>

      <td>
        Unique identifier for this keyframe
      </td>
    </tr>

    <tr>
      <td>
        [value](/en/creator-api/nodes/keyframe/value)
      </td>

      <td />

      <td>
        T
      </td>

      <td>
        The value of this keyframe
      </td>
    </tr>
  </tbody>
</table>

## Methods

<table>
  <thead>
    <tr>
      <th>
        Method
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [remove()](/en/creator-api/nodes/keyframe/remove)
      </td>

      <td>
        Removes this keyframe from its parent property
      </td>
    </tr>
  </tbody>
</table>