A very common reason is a wrong site baseUrl configuration.\n

Current configured baseUrl = / (default value)\n

We suggest trying baseUrl = \n\n';var e=document.getElementById("docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,r="/"===s.substr(-1)?s:s+"/";e.innerHTML=r}}window.__DOCUSAURUS_INSERT_BASEURL_BANNER=!0,document.addEventListener("DOMContentLoaded",maybeInsertBanner)

Skip to main content

party.js

A JavaScript library to brighten up your user's site experience with visual effects!

You can use the following objects in this codeblock: party, mouseEvent, codeblock, runButton.

Easy to Use

Just include the library in your HTML file, or install it via npm, and you're ready to go! All of the setup is done internally, without you having to break a sweat.

<script src="https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"></script>
npm install party-js --save

Highly customizeable

We believe that users should be able to decide for themselves how the effects should look. That's why every effect has default options, which can easily be overriden by the user.

party.confetti(this, {    count: party.variation.range(20, 40),    size: party.variation.range(0.8, 1.2),    // ... and more!});

As complex as you need it to be

You can call effects either with a single line of code, or with a huge block of options, fine-tuning every effect to your exact liking!

party.scene.current.createEmitter({    emitterOptions: {        // Customize the emitter behaviour, ...    },    emissionOptions: {        // ... the emission of the particles, ...    },    rendererOptions: {        // ... and the appearance!    }});

Try it out!

Template

  • Confetti
  • Sparkles

Configuration