> For the complete documentation index, see [llms.txt](https://docs.lottielab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lottielab.com/editor/animating.md).

# Animating

Animating in Lottielab is simple and dependent on three main controls, entering [animate mode](/editor/animating/design-vs-animate-mode.md), [moving your playhead](/editor/animating/timeline/playhead-and-controls.md#playhead) to a point in time and updating properties to [create a keyframe](/editor/animating/timeline/keyframes/add-a-keyframe.md) at that point in time.

{% content-ref url="/pages/MqtJyKTdsqhRMpqYO3qs" %}
[Design vs Animate mode](/editor/animating/design-vs-animate-mode.md)
{% endcontent-ref %}

{% content-ref url="/pages/MzeYKID0t1jfGPdaT4zS" %}
[Auto-animate](/editor/animating/auto-animate.md)
{% endcontent-ref %}

{% content-ref url="/pages/mbb7vovKq3yLgwzGe9de" %}
[Timeline](/editor/animating/timeline.md)
{% endcontent-ref %}

{% content-ref url="/pages/Z5haToBj0VB6OxORxZfI" %}
[Add a keyframe](/editor/animating/timeline/keyframes/add-a-keyframe.md)
{% endcontent-ref %}

{% content-ref url="/pages/sgPD2DwHpTGawC7YmCSU" %}
[Easing](/editor/animating/easing.md)
{% endcontent-ref %}