<lit-confetti>

Confetti animation as a web component

Install

yarn add lit-confetti

How to Use

First, import the module in your page.

<script type="module" src="https://unpkg.com/lit-confetti/dist/esm/index.js"></script>

Then, add the element to the page.

<lit-confetti
  gravity=1
  count=40
></lit-confetti>

| Attribute | Type | Description | | --------- | ---- | ----------- | | gravity | number | How fast the confetti papers fall | | count | number | Limit for the max amount of confetti papers to create at once | | gradient | boolean | Confetti papers will have a gradient between 2 colors set | | colors | string[] #RRGGBB color format | Possible colors to choose from when generating a confetti paper. By default rainbow colors are used. |

TODO

• add tests
• check if it's worth it to Schedule updates to occur just before the next frame.