HTML/CSS to Image

The API for generating high-quality images from HTML/CSS. No yak shaving required.

Integrate the HTML/CSS to Image API with the Gmail API

Setup the HTML/CSS to Image API trigger to run a workflow which integrates with the Gmail API. Pipedream's integration platform allows you to integrate HTML/CSS to Image and Gmail remarkably fast. Free for developers.

Create Image From HTML with the HTML/CSS to Image API

Create Image From HTML. See the docs.

 
Try it
Send Email with the Gmail API

Send an email from your Google Workspace email account

 
Try it
Create Image From URL with the HTML/CSS to Image API

Create Image From URL. See the docs.

 
Try it

Overview of HTML/CSS to Image

The HTML/CSS to Image API lets you programmatically create images from HTML and CSS, which is perfect for generating custom graphics, charts, or even to convert web content for sharing on social media. On Pipedream, you can harness this API within a serverless workflow, triggering image generation from various events, managing the data flow, and integrating with countless other apps to create powerful automations.

Connect HTML/CSS to Image

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_css_to_image: {
      type: "app",
      app: "html_css_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
      "url": `https://google.com`,
    }
    return await axios($, {
      method: "post",
      url: `https://hcti.io/v1/image`,
      auth: {
        username: `${this.html_css_to_image.$auth.user_id}`,
        password: `${this.html_css_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

Overview of Gmail

By connecting your personal Gmail account to Pipedream, you'll be able to incorporate email into whatever you're building with any of the thousands of apps that are available on Pipedream.

Connect Gmail

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    gmail: {
      type: "app",
      app: "gmail",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://www.googleapis.com/oauth2/v1/userinfo`,
      headers: {
        Authorization: `Bearer ${this.gmail.$auth.oauth_access_token}`,
      },
    })
  },
})