# 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fq7c2VfLq0V7VRBuoji3z%2Fimage.png?alt=media&#x26;token=e34dd4c8-a42e-47e1-ad77-99a9c6088c4d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Ft0jWSltRyzMi7NmRF9X8%2Fimage.png?alt=media&#x26;token=2089ea56-f89d-42c1-89df-c836274f280d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F7t7wW2Y7munpV2huIWAB%2Fimage.png?alt=media&#x26;token=d4a9dafb-b635-4da7-83ec-81c6977ef98b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FrZWjJxnr2GNfYFJkwQfv%2Fimage.png?alt=media&#x26;token=a4b17c16-d793-496b-b747-697a26312dd2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FpL2KdfZGzjta13slwEFJ%2Fimage.png?alt=media&#x26;token=bf1ccde6-d723-4c1e-b836-3da8cf782204" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fy1Vsf7Lv0REI1hkNgPAg%2Fimage.png?alt=media&#x26;token=8ae24539-f23d-4ae3-8a20-37aa74e14366" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FRpBdV5pzU6DUPqm088we%2Fimage.png?alt=media&#x26;token=71575209-5b7c-439b-8214-aeb54004a180" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="8" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDTAvhQ3LX433oCwdLLxS%2Fimage.png?alt=media&#x26;token=2b920fc3-411f-47e2-a86e-0084140eff00" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="9" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FmLBni2WkZeb0ZXjBe8Uk%2Fimage.png?alt=media&#x26;token=beb403ef-c7c7-4c73-aab7-5bd784f69c55" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="10" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F6M8QeqKTOias7MP3uhGD%2Fimage.png?alt=media&#x26;token=1c4ede6e-9eb2-43e3-9e24-dae54b94daf4" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOmA8OIR6KMcPc4Kd8oZW%2Fimage.png?alt=media&#x26;token=d8d79fa2-356b-4dd7-a687-fc59b1c965b3" 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="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FnhRM38XquaMB7rEGRZF5%2Fimage.png?alt=media&#x26;token=94debb70-7346-48cc-8e7a-ddac3b68cc70" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUnmo0SgqtdtObJcWnXKG%2Fimage.png?alt=media&#x26;token=84a44ee4-c963-4409-ab03-5e03da5f9917" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FY27NTLRLjxmS860b2LuF%2Fimage.png?alt=media&#x26;token=de978886-fe93-45d9-9aa2-dbe633c9c900" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJxNkIN1XL49rJ0d1PW4h%2Fimage.png?alt=media&#x26;token=6bc2d54b-741e-4327-895e-c9d256e29cfc" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDIjJ2ERcrlmbdSWhRNBd%2Fimage.png?alt=media&#x26;token=0a8166ae-162e-4fcb-bef6-e458c760fee7" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0K22Xx5JDxzKfhXJkmSi%2Fimage.png?alt=media&#x26;token=90af72e3-5fcc-4ea2-baf6-56525f3e1e6a" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>