# Ez Particles

## &#x20;🔗Links

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

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

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

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

***

## Description&#x20;

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

**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: 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.
