{"repo":"Mitcheljager/svelte-confetti","free":true,"listed":false,"github":"https://github.com/Mitcheljager/svelte-confetti","clone":"git clone https://github.com/Mitcheljager/svelte-confetti.git","description":"Confetti in Svelte! Celebrate things with some extra flair. Animates using just HTML and CSS meaning it can work with SSR in SvelteKit!","language":"Svelte","stars":318,"topics":["svelte"],"license":"Unlicense","category":"ui-components","readme_excerpt":"Svelte Confetti Add a little bit of flair to your app with some confetti 🎊! There are no dependencies and it's tiny in size. Even better; it works without JavaScript with the help of SSR in SvelteKit. Demo and Docs : https://mitcheljager.github.io/svelte-confetti/ Installation Install using Yarn or NPM. Include the component in your app. Usage For detailed documentation on every property check out: https://mitcheljager.github.io/svelte-confetti/ Configuration Property Default Description --- --- --- size 10 The max size in pixels of the individual confetti pieces. x [-0.5, 0.5] The max horizontal range of the confetti pieces. Negative is left, positive is right. [-1, 1] would mean maximum of 200px left and 200px right. y [0.25, 1] The max vertical range of the confetti pieces. Negative is down, positive is up. [-1, 1] would mean maximum of 200px down and 200px up. duration 2000 Duration of the animation for each individual piece. infinite false If set to true the animation will play indefinitely. delay [0, 50] Used to set a random delay for each piece. A large difference between each number will mean a longer spray time. colorRange [0, 360] Color range on the HSL color wheel. 0 to 360 is full RGB. 75 To 150 would be only green colors. colorArray [] Can be used to pick a random color from this array. Set just one array elements to have a single color. Accepts any viable css background property, including gradients and images. amount 50 Amount of particles spawned. The larger ","default_branch":null,"files":null,"tree":[],"storefront":"/r/Mitcheljager","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Mitcheljager/svelte-confetti/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}