https://github.com/pauliescanlon/mdx-embed

Embed 3rd party media content in MDX - no import required 🧽
https://github.com/pauliescanlon/mdx-embed

gatsby gatsby-plugin mdx nextjs storybook storybook-addon

Last synced: 7 days ago
JSON representation

Embed 3rd party media content in MDX - no import required 🧽

• Host: GitHub
• URL: https://github.com/pauliescanlon/mdx-embed
• Owner: PaulieScanlon
• License: mit
• Created: 2020-08-24T19:30:29.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-08T17:36:58.000Z (5 months ago)
• Last Synced: 2024-10-29T17:28:41.439Z (about 2 months ago)
• Topics: gatsby, gatsby-plugin, mdx, nextjs, storybook, storybook-addon
• Language: TypeScript
• Homepage: https://mdx-embed.netlify.app/
• Size: 4.19 MB
• Stars: 273
• Watchers: 6
• Forks: 30
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

    

  






[![github-stars](https://img.shields.io/github/stars/pauliescanlon/mdx-embed?style=social)](https://img.shields.io/github/stars/pauliescanlon/mdx-embed?style=social)

[![npm](https://img.shields.io/npm/v/mdx-embed)](https://img.shields.io/npm/v/mdx-embed)

[![circle-ci](https://circleci.com/gh/PaulieScanlon/mdx-embed.svg?style=shield)](https://app.circleci.com/pipelines/github/PaulieScanlon)

![build](https://img.shields.io/circleci/build/github/PaulieScanlon/mdx-embed/main)

[![codecov](https://codecov.io/gh/PaulieScanlon/mdx-embed/branch/main/graph/badge.svg)](https://codecov.io/gh/PaulieScanlon/mdx-embed)

# MDX Embed

MDX Embed allows you to easily _embed_ popular 3rd party media content such as YouTube videos, Tweets, Instagram posts

and many more straight into your `.mdx` - **no import required!**

## 🚀 Getting started

[https://mdx-embed.netlify.app/](https://mdx-embed.netlify.app/)

There are a number of way to use `mdx-embed`. Head over to the [docs site](https://mdx-embed.netlify.app/) for more

information on the current packages:

## 📦 npm packages

| Package                                                                              |                                                               Security Status                                                                |

| ------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------: |

| [mdx-embed](https://www.npmjs.com/package/mdx-embed)                                 |                 [![Known Vulnerabilities](https://snyk.io/test/npm/mdx-embed/badge.svg)](https://snyk.io/test/npm/mdx-embed)                 |

| [gatsby-plugin-mdx-embed](https://www.npmjs.com/package/gatsby-plugin-mdx-embed)     |   [![Known Vulnerabilities](https://snyk.io/test/npm/gatsby-plugin-mdx-embed/badge.svg)](https://snyk.io/test/npm/gatsby-plugin-mdx-embed)   |

| [storybook-addon-mdx-embed](https://www.npmjs.com/package/storybook-addon-mdx-embed) | [![Known Vulnerabilities](https://snyk.io/test/npm/storybook-addon-mdx-embed/badge.svg)](https://snyk.io/test/npm/storybook-addon-mdx-embed) |




## 🕺 Core Team

If you're using **mdx-embed** in your project we'd love to hear from you!

  

    

      
Paul Scanlon


      @pauliescanlon

    

   

     
Scott Spence


     @spences10

   

   

     
Rich Haines


     @studio_hungry

   

  




## ❤️ Contributors

Thanks to everyone who has contributed so far!

  

    
Gabi

    

    
Liran Tal

    

    
Rémi Roycourt

    

    
Matías Hernández

    

    
Jefferson Bledsoe

    

    
Alexander Malinov

    

  

  

  
Nicky Meuleman

    

    


Yenly

    

      


Eka

    

    


Alex Mercier

    

  


Christoph Benjamin Weberr

    

  


Brent Larson

    

  


Bogdan Lazar