Menu
Advertisement
Advertisement
Advertisement

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.

Advertisement Advertisement

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>
Advertisement Advertisement

2. Animations

Bring your content to life with built-in animations.

Bounce

Great for excitement! πŸ€

<Emoji size="3xl" animation="bounce">πŸ€</Emoji>

Spin

Perfect for loading states or just for fun. 🌍

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

Shake

β€œNo way!” or β€œAlert!” πŸ””

<Emoji size="3xl" animation="shake">πŸ””</Emoji>

Pulse

A subtle heartbeat effect. ❀️

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

3. Combining with Diagrams

You can even use emojis inside your Mermaid diagrams!

Loading diagram...

Go ahead, sprinkle some fun into your posts! ✨

Advertisement
Sponsored Content

finding (solutions) x

A public notebook and learning hub.