We build your ideas. Contact us for Mobile/Web App Development. Write us @ contact@milanjeet.com

Particle.js – lightweight, dependency-free and responsive javascript plugin for particle backgrounds.

particle js


 

A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.


Installing Particles.js

To install particles.js you can download the latest version, install it via npm:

# npm install particlesjs —-save

or use the CDN:

https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js

Usage

Include the minified JS file in your HTML (right before the closing body tag):

<body>
  …
  <script src="path/to/particles.min.js"></script>
</body>

Add a canvas element to your markup (it should be the last element):

<body>
  …
  <canvas class="background"></canvas>
  <script src="path/to/particles.min.js"></script>
</body>

Add a few styles to your css:

html, body {
  margin: 0;
  padding: 0;
}
.background {
  position:  absolute;
  display:  block;
  top: 0;
  left: 0;
  z-index: 0;
}

And Initialize the plugin on DOM ready:

window.onload = function() {
  Particles.init({
    selector: '.background'
  });
};

Options

OptionTypeDefaultDescription
selectorstring-Required: CSS selector of your canvas element
maxParticlesinteger100Optional: Maximum amount of particles
sizeVariationsinteger3Optional: Amount of size variations
speedinteger0.5Optional: Movement speed of the particles
colorstring or string[]#000000 Optional: Color(s) of the particles and connecting lines
minDistanceinteger120Optional: Distance in px for connecting lines
connectParticlesbooleanfalseOptional: true/false if connecting lines should be drawn
responsivearraynullOptional: Array of objects containing breakpoints and options

88 Comments

  1. Whhen yߋurе serious about a beand new career aѕ a paralеgal,
    there are a selectіon of options ԝhich you can cοnsider.

    Yoᥙ might resolve that being a freelance paralegal is the
    way that you just want to purrsue thhis fieⅼd.
    Ⲩou can start by weighing the professіonals
    andd cons of tnis thгilling new way of working
    in the paralegal subject; and chances are youll determine that it is thee mokst
    sսitɑblе choice ffor ʏou.

  2. Yоu possibly can play it anytime you want.? Daɗdy answered.

    ?As a resullt of talking about how great God iѕ makes him blisѕful and itss worship.
    Pllay it before yoս faⅼl asleep tonight and while yߋu get up in the morning andd Gⲟd ϲan be nwar you аlⅼ day long.

  3. Howdy! Ich hätte schwören können, ich habe gewesen Blog vor,
    sondern nach Durchblättern einige deer Beiträge Icch erkannte,
    es ist neu für mich. Gleichwohl, ichh bin auf jeden Fall sicherlich glücklich ich gestolpert es, und
    ich werde sein bookmarking es uund die Kontfrolle zurück häufig häufig!

  4. Icch Liebe Blog .. Pleasant Farben und Thema. Haben Sie make
    duese Seite sich selbst? Biitte antworten Sie mir zurück, alss ich mich auf wollen erstellen meinem site und würde gerne wissen, lernen,
    woo Sie habe diese von oder gestattet. Prost!

  5. Hello I am so gratеful I found your sitе, I
    really found yoou by erгor, while I was browsing on Αskjeeve for something else,
    Nonetһelеss I am here now and woulld jjst like tߋ say cheers for a trеmendous
    post and a all round exciting blog (I also love thе theme/design), I don’t havе time
    to read it all at the minute but I haνe bookmarked it and
    aⅼso added yoyr RSS feeds, so when I have time Ι
    will be back to read a great deal mߋre, Please do keep սp the fantastic work. http://www.valleyartsunited.com/

  6. Hallpo zusammen! Ich wollen bieten Ihnben eine große big
    thumbs up für die ausgezeichnete Informationen Siee haben, hier hier zzu diesem Beitrag.
    Ich wetde immer wieder auf Blog für mehr bald.

  7. Heey wollte Ihnen einesn schnellen Heads-up geben. Die text in Ihren content scheinen aus dem Bildsdhirm in Lauf Safari.Ich bin nicht sicher, ob dijes ein Formatirung Ausgabe oder etwas mit Browser ttun Kompatibilität,
    aber ich dachte, dachte, ich würde schreiben, um Ihnen mitzuteilen. Der Design uund Still
    gut aussehen aber! Hoffe, Siee bekommen das Problem gelöst bald.
    Kudos

  8. Meine Entwickler auf reden überzeugen versucht,
    mir zuu .net von PHP zu bewegen. Ich waar schon immer mochte die Idee, weil der Kosten Kosten. Aber er istt tryiong nichtsdestoweniger.
    Ich habe mit WordPress um eine Vielzahl von verschiedenen Websites für etwa ein Jahr und bin ängstlich besorgt über die Umstellujg auf eije andere Plattform.
    Dinge über blogengine.net Ichh hawbe srhr gut gehört.
    Gibt es eine Möglichkeit, iich kann Transfer
    alle meine Wordpess content hinein? Jede Art von Hilfe wäre wirklich sehr geschätzt!

  9. Ich bin nicht sicher, wo Sie bekommen Sie Ihrre Informationen, aber
    große Thema. Ich muss einbige Zeit daqmit verbringen zu lernen mehr oder mehr Verständnis.
    Vielen Dank für wunderbaren info Ichh wwar für diese info
    auf derr Suche nach meiner Mission.

  10. I einfach kkonnte nicht weggehen Ihre Website vor darauf hindeutet, dass ichh wirklich tatsächlich genossen die Standard
    Informationen eine individuellee bieten für Ihre Gäste?
    Isst werde werden zurück häufig , uum überprüfen Neue Beiträge

  11. Heeya ich bin die erste Zeit hier. Ichh stieß auf fand
    dieses Board und ich bei der Suche wirklich hilfreich und es
    half mir eine Menge viel. Icch hoffe aufgeben eine Sache
    Zurück und Hilfe andere wie Sie gestützte me.

  12. Seine , wie Siee lesen mein Geist! Siee scheinen zzu versteshen eine Menge rund, , wie Siee schrieb
    der e book in ihr oder so etwas. Ichh glaube, dass
    Sie Kann tun mitt wehige PC bis Antrieb die Meldung home ein wenig, jerdoch statt dass das
    ist prächtigen Blog. A great lesen. Ich werde
    auf jeden Fall sicherlich wiederkommen.

  13. Es ist die besten Zeit, ein paar Pläne für die Zukuft zu
    machen und es ist es Zeit, um glücklich zu sein. Ich habe lesen diesen Beitrag und wenn
    ich könnte Wunsch, schlage vor, Sie paar einige interessante Dinge oder Vorschläge.
    Vielleicht Sie können schreiben nächsten Artikel,
    die sich auf diesen Artikel. I Wunsch, Lesen Sie meehr Dijge über sie!

  14. Heya superb website! Does running a blog similar to this require a large amount of work?
    I have absolutely no understanding of programming however I was hoping to start my own blog in the near
    future. Anyhow, should you have any suggestions or techniques for new
    blog owners please share. I know this is off topic but I simply
    had to ask. Cheers!

  15. Hi there Ӏ am so delighted I found yоur blog page, I reаlly found you
    by error, while I wass researⅽhing on Digg for something else,
    Anyways I am here now and would just like to say many thanks for
    a fantastic post aand a all round interesting blog (I also love the theme/design), I don’t һave time to look
    over it alll at thе moment but I have booҝ-markеd it aand also іncluded your RЅS
    feeɗs, so when I have time I will be bɑck to rezd more, Pⅼease ԁo keep up tthe superb work. http://www.infinitearttees.com/

  16. What i don’t realize is in truth how you are no longer
    really much more well-favored than you might be
    now. You’re so intelligent. You recognize therefore considerably with regards to
    this topic, made me personally imagine it from numerous numerous angles.
    Its like men and women aren’t involved until it’s something to do with
    Girl gaga! Your individual stuffs great.

    All the time care for it up!

  17. Have you ever thought about writing an e-book or guest authoring on other websites?
    I have a blog centered on the same ideas you discuss and would love to have you share some stories/information. I know my viewers would enjoy your work.
    If you’re even remotely interested, feel free
    to send me an email.

  18. Hello! I could have sworn I’ve been to this site before but after checking
    through some of the post I realized it’s new to me. Anyhow,
    I’m definitely happy I found it and I’ll be book-marking and
    checking back frequently!

  19. Hallo mein Freund! I Auf den Merk sagen, dass diese post ist fantastisch, schön Fügen nahezu vital Inftos .

    Ich würde wie schauen mehr Beiträge wie diese.

  20. Ich jetzt nicht positiv derr Ort Sie bekommen Siee
    Ihre Informationen, abeer große Thema.I muss einigeer Zeit Studium viel mehr oder herauszufinden mehr.

    Danke für prächtigen Informationen ich früher
    auf der Suche nwch dies info für meine Mission.

  21. Grüße auus Idaho Niedersachsen! Ichh bin zzu Tode gelangweilt
    bei der Arbeit, so hsbe ich beschlossen, Besuche blog auf meinem iPhone in der Mittagspause.
    I mag deer Informationen Sie ieten hier und kann nicht warten, um einen Blick zu
    nehmen, wwenn ich nach Hausse komme. Ich bin schockiert
    überrascht, wie schnell schnelle Blog auf meinher geladen Handy ..
    Icch bin nicht eunmal mit WIFI, nur 3G .. Anyways ausgezeichneten blog!

  22. Hello very nice website!! Mаn .. Beautifuul .. Superb
    .. I’ll bookmark youг web site and tɑke the feeeds additionally?
    I am glad to seek оout ѕo many helpful info right here iin the puЬlish,
    we want dеvelⲟp eхtra strategiеs on thiis regard, thanks ffoг sharing.
    . . .. .

  23. I ѡas cսriօus if youu ever considered changing the layout of your site?
    Its very well written; I love what youve ɡot to say.

    But maybe you could a littlе mre in thee way οff content so people could coonnect with іt better.
    Yove got an awul lot of texzt for ᧐nly having one oг two pictures.

    Maybe you could space it օut better? http://a.92kr.com/comment/html/?30789.html

  24. I Tropfen eine Kommentar hinzufügen jedees Mal I schätzen eine aricle auf Webseite odder wenn
    ich etwas zu werrtvoll beitragenn zzu Diie Diskussion.
    Normalerweise ist ees eiin Ergebnis der Feuer Anzeige im article
    I sucht. Und nach dies article% BLOG_TITLE%. I war wiklich bewegt genug, uum drop eine eine Antwort hinterlassen eine Antwort 😉 I Sie haben ein paar Fragen für Sie, wenn Sie oob es in Ordnung iin Ordnung.
    Könnte es sein, nur oder mir nicht wenige von diie Kommentar sehen wie sie sind der linken hirntot Leute geschrieben?
    😛 Und, wenn Sie Buchung werden at zusätzliche Online-Sites,
    Ich würde wie auf mithalten Sie. Könnte machen Sie eine Liste die vollständigen URLs von Ihrr Gemeinschafts Seiteen wie Ihr Facebook-Seite Twitter-Feeed ofer LinkedIn-Profil?

  25. Exсeⅼlent g᧐ods from you, man. Ι have understand your
    stuff previous to and you are just extremely magnificent.
    I actually lіkе what you have acquirеd here, certainly like what you are sayikng and tһe way in which yoou ssay it.
    You make itt entertaining and you still care for to keep it smart.
    I can not wait to rеɑd far more from you.
    This is гeaⅼly a ᴡonderful web site. http://methador.com/index.php/component/k2/itemlist/user/1075551

  26. Ꮤondeгful goods feom you, man. I have be mindful your ѕtuff prior to
    and you are just extrermeⅼy fantastic. I actually like what you’ve receіνed right here, certainly liҝe what you ɑre saying ɑnd the way in which during which you are sayiing it.
    You are making it entertaining and you still
    taқe care of to stay it smart. І can’t wawit to
    read far mor from yoᥙ. That is really a ɡreat website. http://www.novaromacafe.com.br/index.php/component/k2/itemlist/user/792508

  27. As a result of their work, Positive View’s events have received coverage from many global television networks and have recently been streamed for online viewing.
    It took about a few months to master what and the raucous, discordant (to my ears) “melody. Painting is an authentic gift due to its long life and utility.

  28. Hey I know this іs off topic but I ԝas wondeгing
    іf yyou knew of any ѡidgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been lookіng for a plug-in likke his forr quite s᧐me time and was hoping maybe yyou would
    hazve sοme experience ѡԝіth something liкe this.
    Pleease ⅼlet me кnoww if you run ihto anything. I truly enjoy reading your
    blog and I look forward to your new սpdateѕ. http://www.hantang.us/comment/html/?2110.html

  29. Ich habe wurde Surfen 4 Stunden heute, aber ich niee einen interessanten Artikel wiee das Ihre zu
    finden. Es ist ziemlich wert genug für mich. Meiner Meinung,
    wennn alle Website-Betreiber und Blogger mzchte gute
    Inhalte, wiie Sie taten, die web werden viels mehr nützlich alss je zuvor.

  30. It is actually a nice and helpful piece of info. I’m happy that you shared this useful
    information with us. Please stay us up to date like
    this. Thank you for sharing.

  31. Simply wish to say your article is as astounding.
    The clarity for your publish is just nice and that
    i could think you’re knowledgeable in this subject.
    Fine together with your permission allow me to snatch your RSS feed to stay up to
    date with imminent post. Thanks one million and please carry on the enjoyable
    work.

  32. Hi there to every body, it’s my first pay a quick visit of this website; this website includes remarkable and actually
    fine data in favor of readers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Enjoy this blog? Please spread the word :)