Generate baseline PNG image

GET
https:/api.basely.dev/baseline.png

Generates a baseline PNG image using the Baseline component with customizable parameters. The generated image can be customized with various props.

Query parameters

  • title
    string
    Required
    Title text for the baseline image
  • toolGroups
    array
    Required

    JSON array of tool groups configuration

    Examples:[ [ {"tool":"bun","supported":true}, {"tool":"node","supported":true,"label":"20.x"}, {"tool":"pnpm","supported":true,"label":"9.x"} ] ]
    • tool
      string
      Required
      Name of the tool (e.g., "bun", "node", "pnpm")
    • supported
      boolean
      Required
      Whether the tool is supported
    • label
      string
      Optional label for the tool version
  • font
    string
    Custom font URL (CSS)
    Examples:https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap
  • css
    string
    Custom CSS styles
  • height
    integer
    Defaults: 800
    Image height in pixels
    Required range: x >= 1
  • width
    integer
    Defaults: 468
    Image width in pixels
    Required range: x >= 1

Response

PNG image generated successfully
Example request
curl --request GET \

     --url 'https://api.basely.dev/baseline.png?title=string&toolGroups=%5B%0A%20%20%5B%0A%20%20%20%20%7B%22tool%22%3A%22bun%22%2C%22supported%22%3Atrue%7D%2C%0A%20%20%20%20%7B%22tool%22%3A%22node%22%2C%22supported%22%3Atrue%2C%22label%22%3A%2220.x%22%7D%2C%0A%20%20%20%20%7B%22tool%22%3A%22pnpm%22%2C%22supported%22%3Atrue%2C%22label%22%3A%229.x%22%7D%0A%20%20%5D%0A%5D%0A' \

     --header 'accept: image/png'
Example response
"string"
Built with