@compai/jsx-to-html

Turn a JSX string with the sx prop into an HTML string.

Installation

yarn add @compai/jsx-to-html

Usage

import fs from 'fs'
import { reactRender as render } from '@compai/jsx-to-html'

const JSX = `
<h1
  sx={{
    backgroundColor: 'tomato'
  }}
>
  Hello, world!
</h1>
`

(async () => {
  const png = await render(JSX)
  fs.writeFileSync('test.png', png)
})()

Related

• repng by Brent Jackson

OSS by Components AI.