repng

React component to PNG converter, built with Puppeteer

npm i -g repng

repng Icon.js --width 512 --height 512 --out-dir assets

Usage
  $ repng <ReactComponent>

Options
  -d --out-dir    Directory to save file to
  -f --filename   Specify a custom output filename
  -w --width      Width of image
  -h --height     Height of image
  -p --props      Props in JSON format to pass to the React component
  --css           Path to CSS file to include
  --webfont       Path to custom webfont for rendering

Node.js API

Repng can also be used as a node module.

const repng = require('repng')
const Component = require('./Component')

const options = {
  props: {
    title: 'hello'
  }
}

const result = repng(Component, options)

result.then(streams => {
  console.log('rendered component')
})

Related

• Puppeteer

MIT License