pikitia

A minimal wrapper around satori to generate images using React!

Note: This library is meant for use in one-off scripts / build time image generation, and isn't meant for usage at runtime like @vercel/og or similar libraries.

Getting Started:

bun add pikitia

Usage:

import { generateImage } from "pikitia";

let pngBuffer = await generateImage(
  <div
    style={{
      display: "flex",
      flexDirection: "column",
    }}
  >
    <h1>Hello World! 👋</h1>
    <p>Image generation via JSX</p>
  </div>,
  {
    width: 1200,
    height: 600,
  },
);

// write the pngBuffer to a file
Bun.write('./my-png.png', pngBuffer);

Contributing:

TODO

Thanks:

This library depends on the following:

• Satori for transforming JSX to an SVG
• resvg-js for transforming SVG to a PNG
• Inter as a default font
• twemoji v16 as a default emoji font