---
description: Notification animations are optional.
---

# Add Animations

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&#x26;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**.

