An open API service indexing awesome lists of open source software.

https://github.com/gridaco/h2i

Html2Img as a service
https://github.com/gridaco/h2i

chromium html-to-image html-to-pdf pupeteer saas

Last synced: 9 months ago
JSON representation

Html2Img as a service

Awesome Lists containing this project

README

          



html2.io github cover graphic

html2.io


Html to image as a service

## Features

- HTML/CSS to image
- HTML/CSS to pdf
- Markdown to image
- Built-in fonts & emoji support (Apple emoji OK)
- Template engine
- Write Template with React
- CDN Ready
- [View All Features](https://html2.io/docs/features)

## Usage

**Install**

- [Node - `h2i`](https://www.npmjs.com/package/h2i)
- [Python - `h2i`](https://pypi.org/project/h2i/)

```
yarn add h2i
```

**Simple usage**

```ts
import * as H2I from "h2i";

const img = H2I.Client({
apiKey: "",
});

img.fromFile("test.html").then((image) => {
image.save("test.png");
});

img.fromUrl("https://google.com").then((image) => {
image.save("google.png");
});

img.fromHtml("

Hello world

").then((image) => {
image.save("hello.png");
});

img.fromMd("# Hello world").then((image) => {
image.save("hello.png");
});

img
.fromRepo("https://github.com/gridaco/html2.io", {
branch: "master",
path: "README.md",
})
.then((image) => {
image.save("readme.png");
});
```

## Fonts

Google fonts are supported by default. You can also use custom fonts by uploading them to the [dashboard](https://html2.io/dashboard).

## Aknowledgements

Special thanks to:

- [puppeteer](https://github.com/puppeteer/puppeteer)
- [browserless/chrome](https://github.com/browserless/chrome)

## Usefull links

- [chromeless (Archived)](https://github.com/prisma-archive/chromeless)
- [CDP](https://github.com/cyrus-and/chrome-remote-interface)

## License

The source code and artworks are [Apache 2.0 licensed](./LICENSE), yet it is not allowed to deploy the whole service to make a replica service for monetization without significant modifications.