Remark Codesandbox

screenshot of Remark Codesandbox
gatsby

Create CodeSandbox directly from code blocks

Overview

The remark-codesandbox plugin allows users to easily create CodeSandbox URLs directly from code blocks in markdown. This plugin supports 3 different modes: meta, iframe, and button, and does not require users to create additional folders or package.json files. It is highly customizable, supports various platforms like MDX, Gatsby, Storybook Docs, and allows users to bring in custom templates.

Features

  • Directly create CodeSandbox urls from code blocks
  • Supports 3 different modes: meta, iframe, and button
  • No need to create additional folders or package.json file
  • Supports MDX, Gatsby, Storybook Docs, docz, etc...
  • Supports bringing your own custom templates
  • One line setup, highly customizable
  • Great for library authors to demonstrate usages directly from documentation
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

mdx
MDX

MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.