Fluent 이모지가 움직입니다.

마우스를 올리면 손을 흔들어 줍니다.

npm install animated-fluent-emojis

이모지 아트워크는 Microsoft의 것입니다. Microsoft와 제휴하거나 승인받은 프로젝트가 아닙니다.

이모지 둘러보기

직접 해 보세요

크기

피부색

재생

쓰기 편하게 만들었어요

살아 있어요
손을 흔들어 인사해 줍니다. 마우스를 올려 보세요.
가벼워요
불러오는 동안에도 페이지가 밀리지 않습니다.
배려해요
기기에서 동작 줄이기를 켜 두었다면 이모지는 멈춘 채로 있습니다.
누구의 것인지 분명하게
이모지 아트워크는 Microsoft의 것입니다. 코드는 오픈 소스입니다.

태그 하나면 어느 사이트에서든

프레임워크를 고르고 코드를 복사하면 이모지가 페이지에 나타납니다.

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>