# Bubble - Animations Plugin

### Overview

This Plugin allows you to add up to 24 different animations to your bubble animations, increasing the user experience of your application. You can choose between an animated image element or you can animate any element within a workflow. For a demo please visit: <https://animationsplugin.bubbleapps.io/>

Based upon WickedCSS v1.0 (<https://github.com/kristofferandreasen/wickedCSS>) Licensed under MIT

### Instructions

#### There are two ways to add animations to your app:

1. Go to the Settings -> General Tab of your app and enable the option to expose ID Attributes.&#x20;
2. Create an element that you would like to be animated and add an ID Attribute.
3. Trigger an animation within a workflow (under the Plugins Menu) an enter the ID Attribute that you have added in&#x20;

   Step 2 .
4. You can stop an animation within a workflow by choosing "Stop animation" and entering the ID attribute of the element that should stop being animated.

You can also add an animation element to your app and upload an image/icon/svg etc. that should be animated and specify the animation that should be used. The image will be animated on page load.


---

# 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://anticode.gitbook.io/templates/plugins/bubble-animations-plugin.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.