Express Yourself: Styled Emojis in Markdown

Emojis are a great way to add personality to your writing. In standard Markdown, you can just paste them in:

👋 Hello world! 🚀 Blast off!

But what if you want them bigger? Or bouncing? Or spinning?

We’ve added a custom <Emoji> component to give you superpowers.

1. Sizing

Make a statement with giant emojis.

🐜 🐈 🐕 🐘 🦕

<Emoji size="sm">🐜</Emoji>
<Emoji size="md">🐈</Emoji>
<Emoji size="lg">🐕</Emoji>
<Emoji size="xl">🐘</Emoji>
<Emoji size="2xl">🦕</Emoji>

Bring your content to life with built-in animations.

Great for excitement! 🏀

<Emoji size="3xl" animation="bounce">🏀</Emoji>

Perfect for loading states or just for fun. 🌍

<Emoji size="3xl" animation="spin">🌍</Emoji>

“No way!” or “Alert!” 🔔

<Emoji size="3xl" animation="shake">🔔</Emoji>

A subtle heartbeat effect. ❤️

<Emoji size="3xl" animation="pulse">❤️</Emoji>

You can even use emojis inside your Mermaid diagrams!

Loading diagram...

Go ahead, sprinkle some fun into your posts! ✨