No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

MDX Embed

GitHub icon

github-stars npm circle-ci build codecov


MDX Embed allows you to easily embed popular 3rd party media content such as YouTube videos, Tweets, Instagram posts, Egghead lessons, Spotify, TikTok and many more straight into your .mdx - no import required!

There are a couple of ways to use MDX Embed so you may wish to explore each of the packages:

How it works

Once MDX Embed is correctly installed you can write as you normally would in MDX and to include an embed you can pop it in your MDX like this 👇

// some-mdx-file.mdx #### My cool pen Here's a pen, and some other blog post text <CodePen codePenId="PNaGbb" />

Which renders as 👇

My cool pen

Here's a pen, and some other blog post text

😋

Pay what you want

If you feel like supporting this project feel free to make a secure contribution Powered by Stripe - blurple

$

What others say

"As an MDX power user I was looking for a great way to enable social embeds on my site without having to roll each one myself. mdx-embed was perfect, it was easy to get up and running and provided exactly what I was looking for."

Laurie Barth -
@laurieontech

The team

Legacy Contributors

Thanks to the following who contributed to the old package @pauliescanlon/gatsby-mdx-embed