> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/quick-guide/animating.md).

# Animating

Animate shapes and effects by connecting their properties to nodes that change over time. Here are just a couple of simple examples. 

* **Wave node**: Outputs a continuous stream of values that oscillate between positive and negative — perfect for smooth, cyclical animations. In the following example the Wave node is driving the `x` property of a Square node, creating a looping animation on the horizontal axis. \
  Learn more on the [Wave node reference](/nodalin-docs/nodes-reference/streams/wave.md).

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2F2wTe94jo9yO3c3VDrUgY%2Fanimating-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=805ef83b-7973-4248-8f4e-d85b9c79f251" alt=""><figcaption></figcaption></figure></div>

* **Counter node**: Outputs a constantly increasing number — great for linear motion or rotation effects. In the following example, the Counter node's output is driving the `hue` property of a Color node, which is assigned as the `color` fill of a Square node, creating a continues changing hue.

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FxyOq0KfWD1rpQqIwOvbn%2Fanimating__2-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=047c8ea4-42e1-4c17-8c8b-ebfe91c47858" alt=""><figcaption></figcaption></figure></div>

### Audio & MIDI

Another way to drive animation is by using Nodalin’s audio and MIDI inputs, which allow you to create audio-reactive visuals.

To learn more, check out the [How to MIDI Sync](/nodalin-docs/how-to.../midi-sync.md) or [How to Audio Sync](/nodalin-docs/how-to.../live-audio-sync.md) chapters.

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FlSD5S2JXxuxX5fKiqUAa%2FScreenRecording2025-11-13at17.48.18-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=a5889d97-cdd6-448e-882c-bf3af19788c6" alt="" width="563"><figcaption></figcaption></figure></div>