Os emojis Fluent ganham vida.

Passe o mouse e ele acena de volta.

npm install animated-fluent-emojis

A arte dos emojis é da Microsoft. Não temos afiliação nem aprovação da Microsoft.

Ver os emojis

Experimente

Tamanho

Tom de pele

Animar

Feito para ser agradável de usar

Cheio de vida
Ele acena de volta. Passe o mouse e veja.
Leve
A página não se mexe enquanto os emojis carregam.
Atencioso
Se o dispositivo está configurado para reduzir movimento, os emojis ficam parados.
Créditos claros
A arte dos emojis é da Microsoft. O código é aberto.

Uma tag, em qualquer site

Escolha seu framework, copie o código e o emoji aparece na 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>