Emoji Confetti permet d'ajouter une explosion d'emojis natifs ou d'images PNG/SVG custom à n'importe quel composant avec déclenchement au clic ou au chargement. Chaque explosion repose sur une véritable simulation de particules (gravité, frottements, rotation), ce qui rend chaque animation unique.

Features

Contenu

• Utilisez des emojis natifs ou importez vos propres images PNG/SVG

• Ajustez facilement la taille, la quantité et la vitesse des emojis

• Contrôlez la dispersion pour obtenir un effet plus concentré ou plus large

Animation

• Trois modes de lancement disponibles : depuis les côtés de l’écran, depuis le bas de l’écran ou depuis la position du clic

• Déclenchement automatique au chargement de la page, idéal pour une page de confirmation ou de remerciement

• Événement « On Trigger » disponible à chaque lancement pour enchaîner d’autres interactions dans Framer (overlay, variables, variants, etc.)

Trigger

• Peut envelopper n’importe quel composant connecté pour le transformer en trigger

• Affiche un placeholder « Connect to anything » tant qu’aucun élément n’est relié

• Accessible au clavier (Entrée et Espace)

Note d'usage

Les confettis sont rendus dans un canvas fixe affiché au-dessus de la page et couvrent l’intégralité de la fenêtre, quel que soit l’emplacement du déclencheur.

Pour de meilleures performances, il est recommandé d’utiliser des images personnalisées de taille raisonnable (quelques centaines de pixels). Les fichiers plus volumineux restent compatibles mais peuvent nécessiter un léger temps de chargement.

L’apparence des emojis natifs dépend de la police d’émojis utilisée par le système d’exploitation et le navigateur du visiteur. Le rendu peut donc légèrement varier selon les appareils.

Installation

1. Glissez Emoji Confetti sur votre canvas Framer

2. Connectez un composant au slot Trigger

3. Choisissez des émojis ou des images personnalisées

4. Ajustez la taille, la quantité, la vitesse et la dispersion

5. Sélectionnez un mode de lancement

6. Publiez