> For the complete documentation index, see [llms.txt](https://zuberman-studio.gitbook.io/eznotifications-ue-plugin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zuberman-studio.gitbook.io/eznotifications-ue-plugin/getting-started/add-animations.md).

# Add Animations

Notification animations are optional.

To add an intro/outro animation, simply create an animation inside the user widget editor, then set the animation using those functions:

<figure><img src="https://765684267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeMDT7jI1SOViaDhhfRbe%2Fuploads%2Fi3E7XO3s8ygF450slVnC%2FAnimations.png?alt=media&amp;token=8c8ac14e-2665-4d53-af5d-8cff2561df36" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
I do recommend that you set the animation in the PreConstruct only because this is the first life cycle of a user widget.
{% endhint %}

In the screenshot, you can see that I created an animation that I called IntroAnimation and connected that only to the SetNotificationAnimation.\
That's because if you don't specify an exit animation, the notification system will use the `IntroAnimation` as the outro animation but **reversed**.