> For the complete documentation index, see [llms.txt](https://docs.eazycode.com/ezcode-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.eazycode.com/ezcode-documentation/plugins/ez-particles.md).

# Ez Particles

##  🔗Links

       [**Plugin Link on Bubble Marketplace**](https://bubble.io/plugin/ez-particles-1680893354607x399275069973463000)

       [**Plugin Link on Our Website**](https://eazycode.com/one_plugin/ez-particles-1700481913169x572897131631355600)

       [**Demo Link** ](https://eazycodedemo.bubbleapps.io/version-test/sparky)

       [**Bubble Editor**](https://bubble.io/page?type=page\&name=sparky\&id=eazycodedemo\&test_plugin=1695039153048x585146580007387100_current\&tab=tabs-1)

***

## Description 

Particle effects are there to enhance a website's visual appeal and create engaging user experiences. They can make the design more dynamic and interactive, giving users a sense of motion and life on the web page. 

**Ez Particles** plugin has many presets that you can use

{% tabs %}
{% tab title="1" %}

<figure><img src="/files/CkRGv4eq9E55brGyzY4W" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="/files/TtUtdNIMoHfll2beZ4Du" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="/files/RYYeTVObHUzPfMC9eCHN" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="/files/Sbi6bYwUMBacVgCDE8YD" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="/files/OW50ZDkb40JKo6dqHQ03" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="/files/EWeANAiJQLEjaUvZjlVh" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="/files/VxA3fIbx1uzhYaB6ItbD" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="8" %}

<figure><img src="/files/4A7xTVuoTyzw6Yy8hK4x" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="9" %}

<figure><img src="/files/DXlpGTlFYnLzrbJ89KG2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="10" %}

<figure><img src="/files/rbf3fINzSX5zNiEKf9DU" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

It is also possible to customize the **background**, the **number** of particles on the page, the **speed** of movement, the **size** and **color** of the particles&#x20;

***

## Instructions:&#x20;

First, you must install **Ez Particles** from the plugin tab.\
After you can add the visual element “Sparky” to your design page. &#x20;

In the following image, you can see what the **Sparky** element setting looks like.

<figure><img src="https://lh7-us.googleusercontent.com/M1HuIbkOMjla6veTqwRNhqcdrvNXbOO8C3Vg4rpMHL7XT54gnAss7GoInoThToGOq06yRgG4PcaYg8S_p6ArVnGoGYORMtMGRlDBGJ0WCBT4gEeUvhLwwoccC0cApYiN_MelEhg4wCAabhSNNnZyA-Y" alt="" width="188"><figcaption></figcaption></figure>

* **Preset** - Choose one from Drop Down preset(**stars, bigCircles, bubbles, confetti, fire, firefly, fireworks, fountain, seaAnemone, snow, triangles**).
* **BackGround** **color** -  Set the background color of a page.
* **Number Of Particles** - By increasing the number, the quantity of particles will increase.
* **Move** -  Enable/Disable the movement of particles.
* **Speed of Move** -  If "**Move**" is "Disable" then this field will be missed.&#x20;
* **min** -  Minimal size of particle.
* **max** - Maximal size of particle.
* **Particle Color** - Set the color of the particles.

***

<div align="left"><figure><img src="/files/FWlRXstCc6xNIGrX5Eqb" alt="" width="188"><figcaption></figcaption></figure></div>

Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas – <http://eazycode.com/>

**Hire us:**

<img src="/files/4KPeHfCmX2d7zpd83cXF" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="/files/h0wwtUMwvDod7FamBfIq" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="/files/67Q41mFR1z6nYwKvqJeJ" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="/files/6MUa0InxwRzMoVStCu5q" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="/files/IUseXDC1i7zfvZcQgctx" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="/files/0dMeGeMKCjKSGW3RBP6P" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>


---

# 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:

```
GET https://docs.eazycode.com/ezcode-documentation/plugins/ez-particles.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.