Discussion on Particler JavaScript Plugin v2.0


Swypse supports this item


This author's response time can be up to 5 business days.

16 comments found.

Shine on! Looking to purchase from you.


Very nice!!!


fantastic work, i wish you big sales ;) !

Thank you :-)

Thank you!

Great job! GLWC

Thank you!

Здравствуйте! Приобрел ваш эффект, но никак не получается его запустить – пустая страница, ничего не отображается. Не могли бы вы помочь разобраться в чем проблема?

Здравствуйте! Конечно! Как с вами связаться? Разрешается ли здесь публиковать данные vk или почту?

Обновил страницу с документацией, контактная ссылка внизу. Опишите, пожалуйста, что и как вы подключали, если возможно — скиньте ссылку на демо/архив с вашим кодом. Постараюсь оперативно помочь!

Моя почта

I am looking at the effect on the envato logo. I want to use this on a large logo to be used as header (banner) on my website. Is it possible?

Hi! Yes, this is possible, if your banner has fixed width and height. Using regular CSS you can put the canvas-element with logo where you want: at top, in a slider/banner etc.And be careful with combination of big size of canvas with small size and high count of particles, this can be not fast.

The effect is wonderful! Immediately drew the attention of site visitors. With this effect the site looks much prettier. Recommend! To see the effect:

It would be great to go from one image to another with this effect. Is it possible?

Not yet, but it’s nice idea. Thanks, i’ll try to do this in next version.

can we add to wordpress?

Hi! Yes, but it requires some setup. You’ll need manually add the code from “Usage” section on in the yours site layout/template.

Unfortunately there are no ready-to-use wordpress-plugin yet.

Does this effect have to have a white or solid background, or can it be placed over a background texture for a site, without causing a white or solid bounding box around it?

I want the dots to be directly over my website background image. Is this possible?


I’ve prepared some demos at to show the plugin on the dark non solid background. Hope this will help you imagine how it will be displayed on your site.

Any transparent PNG file can be used as a source image.

Thanks for the question! :-)

Hi there

I was wondering if there was a way to make the images greyscale when not hovered and coloured where the mouse hovers.

Let me know, thanks!

Hi! Thank you for the idea, I will try to add some options to plugin to make this behavior possible.

But now you can do this in your code:

<canvas class=”canvas” ... ></canvas>


.canvas { filter: grayscale(100%); }

.canvas:hover { filter: grayscale(0); }


I am facing an issue using Particler js for the hover effect. In some version of Firefox, the animation is not smooth as compare to chrome version and same case with some version of Chrome. Below is the version detail of the browser in which I am facing an issue.

Firefox version:59.0.2 (64-bit) Chrome version: 66.0.3359.117


Can you send me some demo files and example of particler’s config to check the issue on my local pc?

If the count of particles is too big then you can really face the problem with performance in firefox, indeed chrome has better support of animations. I’ll try to answer more detailed after receiving demo files.

Hi there,

First of all, incredible work on making particler plugin. It has allowed significant progress in many of my creative projects.

However, there is one editing I am unable to do: Essentially, on web page load, I aim to achieve sort of animation effect where ‘circleMotionRadiusMax’ option value is smoothly reduced from large value to lower so to make an image look like getting assembled through dispersed particle ordering.

I tried using window.setInterval function but get glitched-like re-initialize transition as I believe I set the new instance of particle every time I change above option value after certain time interval.

Can you please offer me any possible solution as to how can I achieve the effect I am aiming for?

Thank you.


Thanks for your comment and question!

I get your idea, unfortunately, this is not possible yet without the significant changes in the source code. I currently work on the next version of plugin and i’ll try to achieve this behavior in updated version.