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 Email API

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

Create Image From HTML with HTML/CSS to Image API on New Email from Email API
Email + HTML/CSS to Image
 
Try it
Create Image From URL with HTML/CSS to Image API on New Email from Email API
Email + HTML/CSS to Image
 
Try it
New Email from the Email API

Get a unique address where you can send emails to trigger your workflow.

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

Create Image From HTML. See the docs.

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

Create Image From URL. See the docs.

 
Try it
Send Yourself an Email with the Email API

Customize and send an email to the email address you registered with Pipedream. The email will be sent by notifications@pipedream.com.

 
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,
    })
  },
})

Connect Email

1
2
3
4
5
6
7
8
9
export default defineComponent({
  async run({ $ }) {
    const options = {
      subject: 'Your subject here',
      text: 'Your text here'
    };
    $.send.email(options);
  },
});