# Built-in Animations

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Tag</strong>: <code>&#x3C;bounce></code></td><td><strong>Params</strong>: <code>a</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/TV08CTqjiBThCLp7BdeK">/files/TV08CTqjiBThCLp7BdeK</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;rainbow></code></td><td><strong>Params</strong>: <code>d</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/gmO6P8R8IfjVeok2oBcM">/files/gmO6P8R8IfjVeok2oBcM</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;rot></code></td><td><strong>Params</strong>: <code>f</code>, <code>w</code></td><td><a href="/files/kaiTrDH8QQWpcZgP7Sym">/files/kaiTrDH8QQWpcZgP7Sym</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;shake></code></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code></td><td><a href="/files/6eAxuVjUpjGJveILWI2j">/files/6eAxuVjUpjGJveILWI2j</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;size-wave></code></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/T4glUrEOMFw6WZcapP8k">/files/T4glUrEOMFw6WZcapP8k</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;swing></code></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/A74uiSXlSTJvntq5tuk4">/files/A74uiSXlSTJvntq5tuk4</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;wave></code></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/mkkj15UIQ6KFZJRCErdx">/files/mkkj15UIQ6KFZJRCErdx</a></td></tr><tr><td><strong>Tag</strong>: <code>&#x3C;wiggle></code></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code></td><td><a href="/files/9g8hR9gpjxyO2465YayH">/files/9g8hR9gpjxyO2465YayH</a></td></tr><tr><td><a data-mention href="/pages/Spoh6KZjl3s07INjuOp3">/pages/Spoh6KZjl3s07INjuOp3</a></td><td><strong>Params</strong>: <code>a</code>, <code>d</code>, <code>f</code>, <code>l</code>, <code>w</code></td><td><a href="/files/zUDPepqNm6CmggdlDP8P">/files/zUDPepqNm6CmggdlDP8P</a></td></tr></tbody></table>

### Parameter Types

<table><thead><tr><th width="178">Name</th><th>Description</th></tr></thead><tbody><tr><td><code>a</code></td><td><p><strong>Amplitude</strong>, the strength of an effect. A higher amplitude creates a stronger effect.</p><p>For example: the height of a wave, the amount shake offsets letters.</p></td></tr><tr><td><code>d</code></td><td><strong>Delay</strong>, the time in seconds before the effect starts.</td></tr><tr><td><code>f</code></td><td><strong>Frequency</strong>, the speed of an animation. A higher frequency creates a faster effect.</td></tr><tr><td><code>l</code></td><td><strong>Limit</strong>, the number of cycles (or seconds for animations without cycles) before the animation stops.</td></tr><tr><td><code>w</code></td><td><strong>Wave Size</strong>, for effects that work in waves (<code>&#x3C;wave></code>, <code>&#x3C;rainbow></code>, etc.). For example, a wave size of 5 means the full wave will be completed after 5 letters.</td></tr></tbody></table>

## Examples

<table><thead><tr><th width="452">Code</th><th>Explanation</th></tr></thead><tbody><tr><td><code>Example &#x3C;wave>text&#x3C;/wave>!</code></td><td><code>text</code> is animated as a wave, it uses default parameters.</td></tr><tr><td><code>&#x3C;wiggle>Example&#x3C;/wiggle>&#x3C;wave>text&#x3C;/wave></code></td><td><code>Example</code> wiggles with default parameters; <code>text</code> waves with default parameters</td></tr><tr><td><code>&#x3C;wave>Example &#x3C;swing>text&#x3C;/swing>&#x3C;/wave></code></td><td>Animations can be combined</td></tr><tr><td><code>&#x3C;wave f=5>Example&#x3C;/wave></code></td><td><code>Example</code> waves 5 times per second.</td></tr><tr><td><code>&#x3C;wave a=3 d=3 f=5 w=10>Example&#x3C;/wave></code></td><td><code>Example</code> waves with an amplitude of 3 (very large), a frequency of 5, and a wave size of 10 letters. The animation starts 3 seconds after the text appears.</td></tr></tbody></table>

## Performance cost

The type and amount of animations you use should not significantly impact performance. Most of the performance cost is up-front when you set your text and is mostly dependent on the length of your text.

Check out the [Performance Optimization Guide](/text-animations/performance-optimization-guide.md) for more information.

***

Check out [Custom Animations](/text-animations/animations/custom-animations.md) and [Custom C# Animations](/text-animations/c-extensions/custom-c-animations.md) if you want to extend the asset with your own animations.

Is an important animation missing? Or maybe an animation tag doesn't support a parameter you'd like to use? Contact me via the [contact form](https://stixgames.com/contact/), or join my [Discord](https://discord.gg/jvBFhQA) and I'll try my best to help you!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stixgames.com/text-animations/animations/built-in-animations.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.