Working on a mobile app? Fight Apple rejections: Click here šŸš€
logo of JS-Confetti

JS-Confetti

js-confetti allows you to easily add confetti to your website!

cover image of JS-Confetti
24 | 15
Visit website

Description

Add confetti to your websites with js-confetti:

šŸ’„ Supports emojis as confetti
āš”ļø Zero dependencies used
šŸ¦„ Works without any config, yet configurable
šŸ›  Has TypeScript typings
šŸ§© Confetti speed adapts to user screen width

Pros and cons of JS-Confetti

Pros of JS-Confetti

  • Supports emojis
  • Open source
  • Easy integration
  • Documentation available
  • Community-driven

Cons of JS-Confetti

  • Limited customization options
  • Dependent on JavaScript
  • May not support all emoji sets

FAQ about JS-Confetti

What is JS Confetti?

JS Confetti is a JavaScript library that allows you to create confetti effects, including support for emojis. It works without any configuration and is highly customizable.

How do I install JS Confetti?

You can install JS Confetti from NPM using `yarn add js-confetti` or by including a script from a CDN: `<script src='https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js'></script>`.

How do I use JS Confetti?

Initialize an instance of the JSConfetti class and call the addConfetti method. Example: `import JSConfetti from 'js-confetti'; const jsConfetti = new JSConfetti(); jsConfetti.addConfetti();`

Can I customize the confetti?

Yes, you can customize confetti by specifying properties like colors, emojis, radius, and number. For example: `jsConfetti.addConfetti({ confettiColors: ['#ff0a54', '#ff477e'], emojis: ['šŸŒˆ', 'āš”ļø'], confettiRadius: 6, confettiNumber: 500 });`

Visit website
See on Reddit

Share this tool

Tags:
confettiuseremoji

Is this tool yours?

Visit website