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

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

Create Image From HTML with HTML/CSS to Image API on New Branch (Instant) from GitHub API
GitHub + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Card in Column (Instant) from GitHub API
GitHub + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Collaborator (Instant) from GitHub API
GitHub + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Commit (Instant) from GitHub API
GitHub + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Commit Comment (Instant) from GitHub API
GitHub + HTML/CSS to Image
 
Try it
New Branch from the GitHub API

Emit new event when a branch is created See the documentation

 
Try it
New Card in Column (Classic Projects) from the GitHub API

Emit new event when a (classic) project card is created or moved to a specific column. For Projects V2 use New Issue with Status trigger. More information here

 
Try it
New Collaborator from the GitHub API

Emit new event when a collaborator is added See the documentation

 
Try it
New Commit from the GitHub API

Emit new event when commits are pushed to a branch See the documentation

 
Try it
New Commit Comment from the GitHub API

Emit new event when a commit comment is created See the documentation

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

Create Image From HTML. See the docs.

 
Try it
Create Issue with the GitHub API

Create a new issue in a Gihub repo. See docs here

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

Create Image From URL. See the docs.

 
Try it
Search Issues and Pull Requests with the GitHub API

Find issues and pull requests by state and keyword. See docs here

 
Try it
Create Branch with the GitHub API

Create a new branch in a Github repo. See docs here

 
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 GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    github: {
      type: "app",
      app: "github",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.github.com/user`,
      headers: {
        Authorization: `Bearer ${this.github.$auth.oauth_access_token}`,
        "X-GitHub-Api-Version": `2022-11-28`,
      },
    })
  },
})