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

# Animation

{% content-ref url="/spaces/V5IFh3rk5kqfCwJPPYhE/pages/dpAYidkL3e1obTfvKHKA" %}
[Animation Basics](/animation/animation-basics.md)
{% endcontent-ref %}

This section outlines the core concepts of the animation system in ShapesXR — including frames, transitions, easing, autoplay, and editor behavior — with technical clarity and visual examples.

{% content-ref url="/spaces/V5IFh3rk5kqfCwJPPYhE/pages/hYKaHz06TNxdi0kSvx9E" %}
[User Guide & Tips](/animation/user-guide-and-tips.md)
{% endcontent-ref %}

This guide walks you through using the new animation feature in ShapesXR, which allows you to create smooth transitions (tweening) between different frames of your 3D scene. By defining multiple frames with objects in different positions or properties, you can let the system automatically animate the changes — moving objects, adjusting visibility or opacity, changing colors, and more — to bring your prototypes to life.