> For the complete documentation index, see [llms.txt](https://anticode.gitbook.io/templates/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://anticode.gitbook.io/templates/plugins/bubble-confetti-animation-plugin.md).

# Bubble- Confetti Animation Plugin

### Overview

This is a fun animation plugin which allows you to add a "Confetti" effect to your elements. It works best with buttons. You can specify the speed of the animation, the number of particles that should be generated, the color of the particles and whether the particles should be shown on hover.

For a demo of this plugin please visit:<https://confettibutton.bubbleapps.io/>

Icons made by pongsakornRed from Flaticon.

### Instructions

1. Expose the option to add ID attributes to HTML Elements by going to Settings-> General of your app.
2. Drag a Confetti Animation onto your editor. Specify the colors of the particles, the speed, the number of particles and whether the animation should only be displayed on hover.
3. Give the element (we recommend a button) that should have the animation an unique ID attribute and add the same ID attribute to the "Element ID" field of the Confetti Animation Plugin.


---

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