Need help with react-remarkable?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

428 Stars 61 Forks 18 Commits 18 Opened issues


A React component for rendering Markdown with remarkable

Services available


Need anything else?

Contributors list

No Data


A React component for rendering Markdown with remarkable.

npm install --save react-remarkable


var React = require('react');
var Markdown = require('react-remarkable');

var MyComponent = React.createClass({

render() { return (

{/* Pass Markdown source to the source prop */}

    {/* Or pass it as children */}
    {/* You can nest React components, too */}
      ## Reasons React is great

      1. Server-side rendering
      2. This totally works:


      Pretty neat!



Available props:

  • options
    - Hash of Remarkable options
  • source
    - Markdown source. You can also pass the source as children, which allows you to mix React components and Markdown.
  • container
    - Element to use as container. Defaults to

Syntax Highlighting


You can enable syntax highlighting in Atom using the following steps:

Go to Settings > Packages > language-babel Settings > Enter this for JavaScript Tagged Literal Grammar Extensions:


screen shot 2017-05-28 at 9 04 27 am

Shortly you'll see that markdown syntax highlighting is enabled.

screen shot 2017-05-28 at 9 06 31 am



We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.