Textmoji Animated
Renders every Unicode emoji in a string as an animated image sized to the surrounding text.
3.3 KB
•Updated on September 19, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-animojiUsage
Code
import { Animoji } from '@/components/spaceui/animoji'
export default function Example() {
return (
<p>
<Animoji source="telegram">Ship your ideas faster 🚀</Animoji>
</p>
)
}For static emoji, use Textmoji instead — same API, different provider list.
Examples
Sources
Unicode escapes & flags
With Blur Reveal Text
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | The text to scan |
source | fluent|telegram|noto | fluent | Provider to render — only the ones with an animated style |
className | string | — | Class on the outer wrapper |
emojiClassName | string | — | Class applied to each rendered emoji image |
Keep in mind
- MIT License: Free and open-source for personal and commercial use. Feel free to copy, tweak, and adapt the components to match your exact needs.
- Credits & Inspiration: Some components on this site are inspired by or recreated from great ideas across the web. I'm not here to take credit; just to learn, experiment, and push interface craft further.
- Reach out & Claims: If an attribution was missed, or if you have any inquiry or claim, feel free to reach out directly on X to @adrielzimbril. I'll be glad to update or resolve it right away.
with Space UI 
love from 
