Des emojis Fluent, mais qui bougent.
Survolez-le. Il vous salue en retour.
npm install animated-fluent-emojisLes illustrations des emojis appartiennent à Microsoft. Ce projet n'est ni affilié à Microsoft ni approuvé par Microsoft.
Essayez-en un
Pensés pour être agréables à vivre
Vivants
Ils vous saluent en retour. Survolez-en un et voyez.
Légers
Ils ne bousculent jamais votre page pendant leur chargement.
Attentionnés
Si quelqu'un demande à son appareil moins de mouvement, l'emoji reste immobile.
Clair sur ce qui appartient à qui
Les illustrations des emojis appartiennent à Microsoft. Le code est open source.
Une balise, tous les sites
Choisissez votre framework, copiez le code, et l'emoji est sur la page.
import { Emoji } from 'animated-fluent-emojis/react'
import 'animated-fluent-emojis/style.css'
<Emoji id="1f44b_wavinghand" size={64} /><script setup lang="ts">
import { Emoji } from 'animated-fluent-emojis/vue'
import 'animated-fluent-emojis/style.css'
</script>
<template>
<Emoji id="1f44b_wavinghand" :size="64" />
</template><script lang="ts">
import { Emoji } from 'animated-fluent-emojis/svelte'
import 'animated-fluent-emojis/style.css'
</script>
<Emoji id="1f44b_wavinghand" size={64} />---
import Emoji from 'animated-fluent-emojis/astro'
---
<Emoji id="1f44b_wavinghand" size={64}>
<span slot="fallback">👋</span>
</Emoji><script type="module">
import 'animated-fluent-emojis/element'
</script>
<fluent-emoji id="1f44b_wavinghand" size="64">
<span slot="fallback">👋</span>
</fluent-emoji>Pas de code ? Aucun souci.
Téléchargez n'importe quel emoji en GIF, en WebP animé ou en PNG fixe, puis glissez-le dans une discussion ou un document.
Parcourir les emojisQuestions
Puis-je les utiliser dans une discussion ou un document ?
Oui. Téléchargez l'emoji en GIF, en WebP animé ou en PNG fixe depuis la galerie, puis ajoutez-le à votre message ou à votre fichier comme n'importe quelle image.
Vont-ils ralentir ma page ?
Non. Chaque emoji réserve sa place pendant son chargement, donc rien ne saute, et les fichiers d'animation ne sont récupérés que lorsqu'un emoji est affiché.
Que se passe-t-il si quelqu'un préfère moins de mouvement ?
L'emoji reste immobile sur sa première image. Il ne bouge que si le visiteur a laissé le mouvement activé.