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

Cascadia Code: la nueva fuente OpenSource de Microsoft

Microsoft acaba de lanzar Cascadia Code una fuente monoespaciada enfocada en proporcionar una mejor experiencia en conso[...]

Activar/Desactivar Bluetooth

En este tutorial crearemos una aplicación sencilla para activar y desactivar el bluetooth de nuestros teléfonos intelige[...]

Desarrollo web creativo en 3D con ThreeJS

Three.js es el motor de facto que que permite la creación de gráficos 3D interactivos directamente en el navegador web,[...]

Lorca Editor: Corrector ortográfico, gramatical y de estilo OnLine

Lorca Editor es una aplicación online creada por el desarrollador español Domingo Martin el cual tiene como objetivo el[...]

Crear XML desde una base de datos con jDom

Un post cortito de fin de semana 🙂 , este trata de la forma de extraer la información de una base de datos formar una es[...]

Arrastrar y cargar archivo Excel *.xlsx en tabla Java

A continuación tenemos una clase que nos permite arrastrar un archivo de Excel (*.xlsx) y cargar su contenido en una tab[...]