¡Efecto Confeti! La librería Javascript que necesitas para dar vida a tus Apps

Cuando se desarrolla aplicaciones por lo general uno no se detiene para agregar algunos efectos visuales que pueden ser atractivos y entretenidos para el usuario final, sino que uno se enfoca en dar practicabilidad a la interfaz. Pero hay ocasiones en que si nos podemos dar esa libertad, en lo personal es lo que me agrada, y bueno me encontré con una libreria Javacript que permite añadir un bonito efecto confeti a la GUI, ademas de que para implementarlo no es complicado y no relentiza el sitio en lo absoluto.

La libreria en cuestion se llama «canvas-confetti», una librería escrita en JavaScript pequeña pero de alto rendimiento. Esta poderosa herramienta aprovecha el elemento canvas para renderizar explosiones de partículas, ofreciendo incluso una opción para ejecutar el motor de animación en un Web Worker, garantizando que la interfaz de usuario principal se mantenga ágil y no se bloquee.

Pero la velocidad no es su unica ventaja. Con canvas-confetti, obtienes una personalización total de la animación:

• Controla la cantidad, la velocidad y la gravedad de las partículas.
• Elige entre formas estándar o utiliza emojis y SVGs personalizados como confeti.
• Define el ángulo y el punto de origen exacto para crear efectos que van desde una explosión central hasta fuentes cayendo por los lados.

Puedes obtener una guia completa en su pagina oficial https://www.kirilv.com/canvas-confetti/

Los efectos con los que cuentas son:

• Basic Cannon
• Random Direction
• Realistic Look
• Fireworks
• Stars
• Snow
• Custom Shapes
• School Pride
• Emoji
• Custom Canvas

Puedes instalar la libreria mediante NPM o usarla directamente con un CDN

El repositorio en GitHub se encuentra en https://github.com/catdad/canvas-confetti

En resumen, esta librería te permite transformar con un simple evento una app aburrida en algo que alegre el día del usuario.

enjoy!!!