magpai-app/cog-puppeteer:0e6cdf65 | Run with an API on Replicate

Version

You're looking at a specific version of this model. Jump to the model overview.

magpai-app /cog-puppeteer:0e6cdf65

Input

html

string

Shift + Return to add a new line

<style>
html, body {
  width: 512px;
  height:512px;
  display: flex;
  vertical-align:center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  flex-direction: column;
}
</style>

<h1>Replicate is cool,<br/>but Magpai is cooler</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu dapibus nisl. Duis semper tempor faucibus.</p>
<p>Praesent in lacus vitae ligula pellentesque vestibulum non vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt id enim ut semper. Donec vel urna pulvinar lectus ullamcorper semper ac eu lacus..</p>
<a href="https://magpai.app">Magpai.app</a><style>
html, body {
  width: 512px;
  height:512px;
  display: flex;
  vertical-align:center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  flex-direction: column;
}
</style>

<h1>Replicate is cool,<br/>but Magpai is cooler</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu dapibus nisl. Duis semper tempor faucibus.</p>
<p>Praesent in lacus vitae ligula pellentesque vestibulum non vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt id enim ut semper. Donec vel urna pulvinar lectus ullamcorper semper ac eu lacus..</p>
<a href="https://magpai.app">Magpai.app</a>

HTML

Default: ""

width

integer

Width

Default: 512

height

integer

Height

Default: 512

format

string

Shift + Return to add a new line

Format (png, jpg, svg, pdf)

Default: "png"

Run this model in Node.js with one line of code:

npx create-replicate --model=magpai-app/cog-puppeteer

or set up a project from scratch

Install Replicate’s Node.js client library:

npm install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Import and set up the client:

import Replicate from "replicate";

const replicate = new Replicate({
  auth: process.env.REPLICATE_API_TOKEN,
});

Run magpai-app/cog-puppeteer using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

const output = await replicate.run(
  "magpai-app/cog-puppeteer:0e6cdf65de16a21e1250648d016e0e6e221e09925a28eb4df966ebc7649a42a9",
  {
    input: {
      html: "<style>\nhtml, body {\n  width: 512px;\n  height:512px;\n  display: flex;\n  vertical-align:center;\n  justify-content: center;\n  font-family: Arial, Helvetica, sans-serif;\n  text-align: center;\n  flex-direction: column;\n}\n</style>\n\n<h1>Replicate is cool,<br/>but Magpai is cooler</h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu dapibus nisl. Duis semper tempor faucibus.</p>\n<p>Praesent in lacus vitae ligula pellentesque vestibulum non vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt id enim ut semper. Donec vel urna pulvinar lectus ullamcorper semper ac eu lacus..</p>\n<a href=\"https://magpai.app\">Magpai.app</a>",
      width: 513,
      format: "png",
      height: 512
    }
  }
);

console.log(output);

To learn more, take a look at the guide on getting started with Node.js.

Install Replicate’s Python client library:

pip install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Import the client:

import replicate

Run magpai-app/cog-puppeteer using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

output = replicate.run(
    "magpai-app/cog-puppeteer:0e6cdf65de16a21e1250648d016e0e6e221e09925a28eb4df966ebc7649a42a9",
    input={
        "html": "<style>\nhtml, body {\n  width: 512px;\n  height:512px;\n  display: flex;\n  vertical-align:center;\n  justify-content: center;\n  font-family: Arial, Helvetica, sans-serif;\n  text-align: center;\n  flex-direction: column;\n}\n</style>\n\n<h1>Replicate is cool,<br/>but Magpai is cooler</h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu dapibus nisl. Duis semper tempor faucibus.</p>\n<p>Praesent in lacus vitae ligula pellentesque vestibulum non vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt id enim ut semper. Donec vel urna pulvinar lectus ullamcorper semper ac eu lacus..</p>\n<a href=\"https://magpai.app\">Magpai.app</a>",
        "width": 513,
        "format": "png",
        "height": 512
    }
)
print(output)

To learn more, take a look at the guide on getting started with Python.

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Run magpai-app/cog-puppeteer using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

curl -s -X POST \
  -H "Authorization: Bearer $REPLICATE_API_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Prefer: wait" \
  -d $'{
    "version": "magpai-app/cog-puppeteer:0e6cdf65de16a21e1250648d016e0e6e221e09925a28eb4df966ebc7649a42a9",
    "input": {
      "html": "<style>\\nhtml, body {\\n  width: 512px;\\n  height:512px;\\n  display: flex;\\n  vertical-align:center;\\n  justify-content: center;\\n  font-family: Arial, Helvetica, sans-serif;\\n  text-align: center;\\n  flex-direction: column;\\n}\\n</style>\\n\\n<h1>Replicate is cool,<br/>but Magpai is cooler</h1>\\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu dapibus nisl. Duis semper tempor faucibus.</p>\\n<p>Praesent in lacus vitae ligula pellentesque vestibulum non vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt id enim ut semper. Donec vel urna pulvinar lectus ullamcorper semper ac eu lacus..</p>\\n<a href=\\"https://magpai.app\\">Magpai.app</a>",
      "width": 513,
      "format": "png",
      "height": 512
    }
  }' \
  https://api.replicate.com/v1/predictions

To learn more, take a look at Replicate’s HTTP API reference docs.

Output

Generated in

2.3 seconds

Tweak it Report View full prediction