> For the complete documentation index, see [llms.txt](https://docs.febucci.com/text-animator-unreal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.febucci.com/text-animator-unreal/welcome/quick-start.md).

# Quick Start

{% hint style="info" %}
Using the asset is a matter of a few clicks (enable plugin -> add widget to widget blueprint -> observe results), but to better understand everything please have a look at the following pages, so that you can start even faster and in the right direction.
{% endhint %}

## 1. Import Text Animator <a href="#how-to-implement-text-animator" id="how-to-implement-text-animator"></a>

As the first step, you need to import Text Animator in your project.

1. **Enable Text Animator for Unreal in your Plugins window**

   <figure><img src="/files/dGVt6zI8FWQnYRlDdgLS" alt=""><figcaption></figcaption></figure>

   *You can do so* by adding the plugin folder as directory, or simply create a "Plugins" folder and copy it there.
2. **The plugin will perform its first install operations and show the welcome window.** You can just close the window and proceed.
3. **Create a Widget Blueprint and open it.** From the palette on the left, add a `Animated Text Block` widget.

This is the text widget as seen in the palette:

<div data-full-width="false"><img src="/files/Cx0eF3aHEBrzmU5BMjnS" alt=""></div>

You can now set a text (don't forget to set a font family!) and it will be ready to be animated!!

<figure><img src="/files/kcMkj1YDXwlRPYAu4MGZ" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
*Done! We told you that it would have been quick!*\
Your text is now ready for effects.
{% endhint %}

## 2. Example Levels

You can learn about most Text Animator features directly from the editor, through example levels, and see how we've set up things and their direct result (of course, this documentation includes all of them in detail plus extra customization and tips - don't miss them!).

<div data-full-width="true"><img src="/files/LbSngiydDWQ4wqPxUKid" alt=""></div>

## 3. Animating your first texts <a href="#animating-your-first-texts" id="animating-your-first-texts"></a>

Here’s how to quickly animate your first texts.

### Writing effects in your text <a href="#id-1-writing-effects-in-your-text" id="id-1-writing-effects-in-your-text"></a>

To add effects in your text, you can use rich text tags like this: “`I'm <shake>freezing</shake>`”, where "shake" is a tag ID for a built-in effect.&#x20;

* On the right hand side, in the Details window, try writing in the Text property and experimenting with the following tags: `<wiggle>` `<shake>` `<wave>` `<bounce>`, like “`<wiggle>I'm joking</wiggle> hehe now <shake>I'm scared</shake>`”, then compile the Widget Blueprint. You'll witness the results right away.

{% hint style="success" %}
Your text is animating letters based on the effects you’ve written.
{% endhint %}

### Showing letters dynamically <a href="#id-2-showing-letters-dynamically" id="id-2-showing-letters-dynamically"></a>

As you've seen, letters were typewritten. In general, to show letters dynamically (like a typewriter):

* Make sure a Typewriter is selected under the Typewriter category. By default, `Typewriter By Character` is selected.
* Tell TextAnimator that you want to use the typewriter. This is simply done with the bool variable below, "Starts Automatically".

<figure><img src="/files/Cn218QPRjfgaXZsbi81T" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Your text is now shown dynamically, like a typewriter.&#x20;
{% endhint %}

***

Have fun animating your texts! You can proceed to the next page for a more in-depth look on all the asset's features.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.febucci.com/text-animator-unreal/welcome/quick-start.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
