These are real renders from the API with the example values in the table below. Switch the size above: the same template lays itself out for all 6 sizes — send size or sizes with the request.
For directories, agencies and showcase sites that publish a card per website, and for link previews of any page. The address bar is the hero: the domain in bold and the path muted, shrinking to fit before it ends in an ellipsis. Without a screenshot the window shows a page skeleton in your accent colour, and without a favicon the strip shows the first letter of the domain. Wide frames keep a short window over a slim strip; square and vertical frames give the page more height, keep the left edge of a wide screenshot and let the title run to three lines.
Fields
Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.
| Field | Type | Description | Example |
|---|---|---|---|
url |
text | Page address, e.g. https://fernway.app/trails/alpine-loop. The scheme and www. are dropped; http:// shows an open padlock. default: example.com | https://fernway.app/trails/alpine-loop |
title |
text | Page title on the caption strip under the window. | Fernway: plan the trail, pack the right gear |
caption |
text | One short line under the title, e.g. a category or "Site of the day". | Outdoor planning app · Site of the day |
screenshot |
image URL | Screenshot of the page; it covers the window from its top edge. | https://example.com/images/b06-site.png |
favicon |
image URL | Site icon, square; shown in the tab and on the caption strip. | https://example.com/images/b06-fav-fernway.png |
accent |
colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #0ea5e9 | #0ea5e9 |
theme |
dark | light | Colour scheme: dark or light. default: light | — |
Render it with one request
Use the slug as template. The response holds the URL of the finished PNG; ?wait=true keeps the connection open until it is ready.
curl -X POST "https://shareglint.com/v1/images?wait=true" \
-H "Authorization: Bearer sk_live_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{
"template": "browser-frame",
"modifications": {
"url": "https://fernway.app/trails/alpine-loop",
"title": "Fernway: plan the trail, pack the right gear",
"caption": "Outdoor planning app · Site of the day",
"screenshot": "https://example.com/images/b06-site.png",
"favicon": "https://example.com/images/b06-fav-fernway.png"
}
}'Or paste a signed URL into og:image
For static sites, Webflow, Shopify and no-code tools: put the fields in the query string and sign it with your signing secret. The first request renders the image, every later one is a redirect to the cached file. How to compute the signature.
<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/browser-frame.png?caption=Outdoor%20planning%20app%20%C2%B7%20Site%20of%20the%20day&title=Fernway%3A%20plan%20the%20trail%2C%20pack%20the%20right%20gear&url=https%3A%2F%2Ffernway.app%2Ftrails%2Falpine-loop&s=YOUR_SIGNATURE">Make it yours
accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.
curl -X POST "https://shareglint.com/v1/templates/library/browser-frame/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"
GitHub repository
API endpoint
Code snippet
Package release
Lighthouse scores
Security advisory
Tech stack
Automation recipe
AI prompt card