lit-confetti
v0.1.5
Published
Confetti animation as a web component
Downloads
28
Readme
<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.