Canvas Confetti ajoute une animation de confettis à une page web : un formulaire terminé, un objectif atteint ou une annonce peuvent déclencher une courte célébration. Cette bibliothèque JavaScript fonctionne dans le navigateur et dessine les particules dans un élément canvas.
À quoi ça sert ?
Vous choisissez les couleurs, le nombre de particules, leur direction et la durée de l’effet. Les démonstrations du créateur montrent notamment des étoiles, de la neige, des tirs latéraux et des formes personnalisées. L’animation peut couvrir la page ou rester dans une zone précise.
Combien ça coûte ?
La bibliothèque est gratuite et son code est publié sous licence ISC. Elle s’intègre à un projet JavaScript via npm ou par un script chargé dans la page. Ce n’est pas une application de montage vidéo ni une extension WordPress prête à configurer.
Le point fort
On peut commencer par un effet simple, puis ajuster son apparence au site. Les exemples interactifs permettent de choisir un rendu avant de travailler son intégration.
Les précautions à prendre
Une animation abondante peut gêner la lecture ou solliciter inutilement les appareils mobiles. Mieux vaut la déclencher à un moment précis, limiter sa durée et vérifier le résultat sur téléphone. L’option disableForReducedMotion permet de respecter la préférence de réduction des animations ; la documentation indique qu’elle n’est pas activée par défaut.
Pour des animations plus larges de l’interface, GSAP répond à un autre besoin. Canvas Confetti se concentre sur cet effet ponctuel.
Sources
Documentation et licence du projet · Démonstrations du créateur. Informations vérifiées le 25 octobre 2026.
