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

Setup the HTML/CSS to Image API trigger to run a workflow which integrates with the Node API. Pipedream's integration platform allows you to integrate HTML/CSS to Image and Node 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
Run Node Code with the Node API

Write custom Node.js code and use any of the 400k+ npm packages available. Refer to the Pipedream Node docs to learn more.

 
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

With the HTML/CSS to Image API you can:

  • Generate images from HTML/CSS code snippets
  • Use CSS selectors to grab specific elements from the HTML code
  • Use HTML5 canvas to crop, filter, or resize the images
  • Output the resulting images in various formats (JPEG, PNG, GIF, WebP)

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 Node

1
2
3
4
5
6
7
// To use previous step data, pass the `steps` object to the run() function
export default defineComponent({
  async run({ steps, $ }) {
    // Return data to use it in future steps
    return steps.trigger.event
  },
})

Community Posts

Automate checking a ticket system's availability with Node.js and Pipedream
Automate checking a ticket system's availability with Node.js and Pipedream
How I used Node.js and Pipedream to automatically scrape a ticket booking site and notify me if availability had changed.