# JS-Confetti

Canonical page: https://indiedev.tools/tool/js-confetti-t_lvcc9zqc6gaf3olxlau

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

## Overview
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
## Details
- Category: Development
- Pricing model: free
- Website: [JS-Confetti](https://github.com/loonywizard/js-confetti)
## Key features
- Supports emojis
- Open source
- Easy integration
- Documentation available
- Community-driven
## Limitations
- Limited customization options
- Dependent on JavaScript
- May not support all emoji sets
## Frequently asked questions
### 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: ``.
### 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 });`

Last updated: 2024-06-07