Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Desarrollo Web / ¡Efecto Confeti! La librería Javascript que necesitas para dar vida a tus Apps

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

Por jc mouse sábado, noviembre 1, 2025

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!!!

Tags

Artículos similares

Leer y escribir en un archivo binario

Problema: Desarrolle un programa en consola con c# para escribir y leer información de un archivo binario. Los datos a e[...]

FossFLOW – Herramienta de diagramación isométrica de código abierto

FossFLOW es una potente aplicación web progresiva (PWA) de código abierto para crear atractivos diagramas isométricos, s[...]

ArrayDeque: Cola doblemente terminada

Una cola doblemente terminada o deque es una estructura de datos lineal que permite insertar y eliminar elementos por am[...]

Validar documentos XML con esquema XSD

Un esquema XSD se utiliza para describir y validar la estructura y contenido de los datos de un documento XML. Un esquem[...]

GridView con imagenes en miniatura

Entre las muchas aplicaciones que hay en la playstore de google están las galerías de fotos de chicas 🙂 que tantos nos e[...]

Ejemplo de operaciones CRUD con MyBatis 3

«MyBatis es una herramienta de persistencia Java que se encarga de mapear sentencias SQL y procedimientos almacenados co[...]