placeholders.dev
Generate fast placeholder images from a URL, powered by Cloudflare Workers in 333+ edge locations.
First seen 2026-08-31 · Last seen 2026-08-31 · Source: webmcp.com
Answer 1 · Act 1 · Transact 0 · Score: Not yet scored
Tool inspector
generate_placeholder_image_url
Build a placeholders.dev image URL from a description of the placeholder wanted, such as "1200x630 dark social share image saying Hello World". Returns the URL plus ready-to-paste HTML and Markdown, and shows a preview on the page. Every value is validated the way the image API validates it, so an unusable color or font stack is reported rather than silently ignored.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
width |
integer | no | Image width in pixels. Defaults to 300. |
height |
integer | no | Image height in pixels. Defaults to 150. |
text |
string | no | Text to draw on the image. Defaults to the image dimensions. |
fontFamily |
string | no | Unquoted CSS font stack, e.g. `Inter, sans-serif`. Defaults to `sans-serif`. |
fontWeight |
integer | no | Numeric font weight between 100 and 900. Keywords like `bold` are not accepted by the image API, use 700 instead. Defaults to bold. |
fontSize |
integer | no | Font size in pixels. Defaults to 20% of the shortest image dimension. |
dy |
number | no | Vertical nudge applied to the text baseline in pixels. Defaults to 35% of the font size. |
bgColor |
string | no | CSS background color, e.g. `#313131` or `rgba(0,0,0,0.5)`. Defaults to `#ddd`. |
textColor |
string | no | CSS text color. Use an rgba or hsla value for transparency. Defaults to `rgba(0,0,0,0.5)`. |
darkBgColor |
string | no | CSS background color used when the viewer prefers a dark color scheme. |
darkTextColor |
string | no | CSS text color used when the viewer prefers a dark color scheme. |
textWrap |
boolean | no | Wrap long text onto multiple lines. Font size is not reduced, so very long strings can still overflow. Defaults to false. |
Raw JSON schema
{
"type": "object",
"properties": {
"width": {
"type": "integer",
"description": "Image width in pixels. Defaults to 300.",
"minimum": 1,
"maximum": 10000
},
"height": {
"type": "integer",
"description": "Image height in pixels. Defaults to 150.",
"minimum": 1,
"maximum": 10000
},
"text": {
"type": "string",
"description": "Text to draw on the image. Defaults to the image dimensions."
},
"fontFamily": {
"type": "string",
"description": "Unquoted CSS font stack, e.g. `Inter, sans-serif`. Defaults to `sans-serif`."
},
"fontWeight": {
"type": "integer",
"description": "Numeric font weight between 100 and 900. Keywords like `bold` are not accepted by the image API, use 700 instead. Defaults to bold.",
"minimum": 100,
"maximum": 900
},
"fontSize": {
"type": "integer",
"description": "Font size in pixels. Defaults to 20% of the shortest image dimension.",
"minimum": 1,
"maximum": 2000
},
"dy": {
"type": "number",
"description": "Vertical nudge applied to the text baseline in pixels. Defaults to 35% of the font size."
},
"bgColor": {
"type": "string",
"description": "CSS background color, e.g. `#313131` or `rgba(0,0,0,0.5)`. Defaults to `#ddd`."
},
"textColor": {
"type": "string",
"description": "CSS text color. Use an rgba or hsla value for transparency. Defaults to `rgba(0,0,0,0.5)`."
},
"darkBgColor": {
"type": "string",
"description": "CSS background color used when the viewer prefers a dark color scheme."
},
"darkTextColor": {
"type": "string",
"description": "CSS text color used when the viewer prefers a dark color scheme."
},
"textWrap": {
"type": "boolean",
"description": "Wrap long text onto multiple lines. Font size is not reduced, so very long strings can still overflow. Defaults to false."
}
}
}
Similar websites
persona-chat.dev
Persona is an open-source, themeable AI chat widget you can add to any website in minutes. SSE streaming, agent loops, tool use, and style isolation: zero frame…
demos.telerik.com
Explore and test a wide range of Telerik UI for Blazor examples, demos, and sample applications.
bandarra.me
WebMCP-enabled text editor with imperative tools for document I/O, workspace CRUD, on-device translation, and sub-agent (planner / researcher / writer / reviewe…
admintoolkit.io
admintoolkit.io gives admins browser-based DNS, mail authentication, TLS, HTTP, public IP, CIDR, and EDID checks with local parsing and explicit live lookups.