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>
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>
3. Combining with Diagrams
You can even use emojis inside your Mermaid diagrams!
Loading diagram...
Go ahead, sprinkle some fun into your posts! β¨