Fluent emoji，会动的那种。

把鼠标移上去，它会向你挥手。

npm install animated-fluent-emojis

emoji 图稿归 Microsoft 所有。与 Microsoft 无关联，也未获其认可。

浏览 emoji

试试看

大小

肤色

播放时机

用起来省心

灵动
它们会向你挥手。把鼠标移上去看看。
轻盈
加载时绝不会把你的页面顶来顶去。
体贴
如果有人在设备上选择减少动态效果，emoji 就会保持静止。
归属清楚
emoji 图稿归 Microsoft 所有，代码是开源的。

一个标签，任何网站

选好框架，复制代码，emoji 就出现在页面上了。

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>