Textmoji
Renders every Unicode emoji in a string as an image sized to the surrounding text.
3.4 KB
•Updated on September 19, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-textmojiUsage
Code
import { Textmoji } from '@/components/spaceui/textmoji'
export default function Example() {
return (
<p>
<Textmoji source="fluent">Ship your ideas faster 🚀 with better UI ✨</Textmoji>
</p>
)
}For animated emoji, use Textmoji Animated instead — same API, different provider list.
Examples
Sizes
Sources
Unicode escapes & flags
With Blur Reveal Text
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | The text to scan |
source | fluent|apple|twemoji|blobmoji|noto | fluent | Provider to render — only the ones with a static 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 
