Github has a fantastic feature where if you copy a github permalink into an issue or pull request, it shows up as a preview.

For example the link:


Shows as:

enter image description here

I have an MDX based blog, and I'd like to be able to display similar code blocks in posts.

In order of preference, what I'd like is:

  1. Some kind of MDX plugin that parses the link and replaces it with the preview panel.
  2. Some kind of React component that accepts the link as a prop and displays a preview panel.
  3. Some kind of vanilla javascript function that imperatively inserts the panel.

Does anyone know of such a tool/library?

1 Answer 1


I ended up creating a library that does this.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.