ESC
Pull Quote Card preview
IMAGE open-graph 1200×630px

Pull Quote Card

Single impactful quote with author name, role, and avatar. Great for social sharing.

Use Cases

  • Article pull quote sharing
  • Podcast guest quotes
  • Twitter/X card images
  • Inspirational content series

Tags

quote inspirational pull-quote open-graph author thought-leadership
Get API Key → API Docs

Template Variables

Variable Type Default Description
quote string The best way to predict the future is to create it. Quote text
author string Peter Drucker Quote author name
role string Management Consultant Author role or organisation
avatar_url url https://picsum.photos/seed/quote-author/120/120 Author avatar URL
bg_color color #7c3aed Card background colour
text_color color #ffffff Text colour

API Example

POST to https://image.toolkitapi.io/v1/image/from-template with your template URL and variable values. 

curl -X POST "https://image.toolkitapi.io/v1/image/from-template" \
  -H "X-API-Key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"template_url": "https://toolkitapi.io/static/templates/image/og-quote.html", "variables": {"quote": "The best way to predict the future is to create it.", "author": "Peter Drucker", "role": "Management Consultant", "avatar_url": "https://picsum.photos/seed/quote-author/120/120", "bg_color": "#7c3aed", "text_color": "#ffffff"}, "width": 1200, "height": 630, "format": "png"}'
import httpx, base64

resp = httpx.post(
    "https://image.toolkitapi.io/v1/image/from-template",
    headers={"X-API-Key": "YOUR_API_KEY"},
    json={
        "template_url": "https://toolkitapi.io/static/templates/image/og-quote.html",
        "variables": {
            "quote": "The best way to predict the future is to create it.",
            "author": "Peter Drucker",
            "role": "Management Consultant",
            "avatar_url": "https://picsum.photos/seed/quote-author/120/120",
            "bg_color": "#7c3aed",
            "text_color": "#ffffff"
        },
        "width": 1200,
        "height": 630,
        "format": "png"
    },
)
image_bytes = base64.b64decode(resp.json()["image"])
with open("result.png", "wb") as f:
    f.write(image_bytes)
const response = await fetch("https://image.toolkitapi.io/v1/image/from-template", {
  method: "POST",
  headers: {
    "X-API-Key": "YOUR_API_KEY",
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    "template_url": "https://toolkitapi.io/static/templates/image/og-quote.html",
    "variables": {
      "quote": "The best way to predict the future is to create it.",
      "author": "Peter Drucker",
      "role": "Management Consultant",
      "avatar_url": "https://picsum.photos/seed/quote-author/120/120",
      "bg_color": "#7c3aed",
      "text_color": "#ffffff"
    },
    "width": 1200,
    "height": 630,
    "format": "png"
  }),
});
const data = await response.json();
// data.image is a base64-encoded PNG
$body = @{
    template_url = "https://toolkitapi.io/static/templates/image/og-quote.html"
    variables    = {
      "quote": "The best way to predict the future is to create it.",
      "author": "Peter Drucker",
      "role": "Management Consultant",
      "avatar_url": "https://picsum.photos/seed/quote-author/120/120",
      "bg_color": "#7c3aed",
      "text_color": "#ffffff"
    }
    width  = 1200
    height = 630
    format = "png"
} | ConvertTo-Json -Depth 5

Invoke-RestMethod -Method POST `
  -Uri "https://image.toolkitapi.io/v1/image/from-template" `
  -Headers @{"X-API-Key" = "YOUR_API_KEY"} `
  -ContentType "application/json" `
  -Body $body
Back to Template Library