Emojis Fluent, pero se mueven.

Pasa el cursor. Te saluda.

npm install animated-fluent-emojis

Las ilustraciones de los emojis son de Microsoft. No está afiliado a Microsoft ni cuenta con su respaldo.

Explorar los emojis

Prueba uno

Tamaño

Tono de piel

Se anima

Pensados para que sea fácil convivir con ellos

Vivos
Te saludan. Pasa el cursor sobre uno y míralo.
Ligeros
Nunca mueven tu página mientras cargan.
Considerados
Si alguien le pide a su dispositivo menos movimiento, el emoji se queda quieto.
Claros sobre qué es de quién
Las ilustraciones de los emojis son de Microsoft. El código es de código abierto.

Una etiqueta, cualquier sitio

Elige tu framework, copia el código y el emoji ya está en la página.

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>