Like Burst

Like Burst

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Créez un bouton like interactif avec petite explosion de couleurs et de confettis

Like Burst transforme un simple like en petite célébration. Un clic sur le cœur, et il se remplit avec un léger enfoncement, libère un halo et une volée de particules colorées, pendant que le compteur défile juste à côté. Un second clic, et tout revient en place, en douceur.

Rien n’est enregistré en base de données au clic : le compteur est purement visuel et repart à zéro au rechargement. Vous pouvez lier Initial Count à une variable CMS et la mettre à jour vous-même pour simuler un compteur qui vit, sans backend. Pensé avant tout comme une interaction ludique et satisfaisante, qui donne envie de cliquer, pas comme un outil d’analytics.

Un clic qui explose de couleurs

• Clic pour liker, reclic pour annuler, réponse instantanée
• Léger enfoncement du cœur puis rebond, suivi d’une volée de particules colorées
• Un halo qui se propage depuis le cœur au clic
• Désactivé automatiquement sur le canvas et dans les exports statiques

Un compteur qui défile en douceur

• Animation de défilement vertical à chaque changement, la direction suit le like ou le dislike
• Les grands nombres se compactent automatiquement (1 500 devient 1K+)
• Optionnel, masquable pour n’afficher que le cœur
• Initial Count peut être lié à une variable CMS pour un compteur propre à chaque item

Couleurs et thème entièrement personnalisables

• Thème Dark ou Light, chaque couleur reste modifiable à la main
• Couleurs personnalisables pour l’état repos, hover, liké, le fond du cœur et chaque particule
• Contrôle de police dédié au compteur, indépendant de la taille du cœur
• Taille du cœur et espacement ajustables, les particules peuvent suivre la taille du cœur