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 designers, developers, photographers and portfolio builders that need an OG image showing the work, not only the face. Each picture becomes a card in the fan; a project without a picture gets a striped card with its first letter, and no avatar gives an initials circle. Long project titles end in an ellipsis and more than three are counted. Wide frames put the name on the left and the fan on the right; square and vertical frames stack the name over a larger fan.
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 |
|---|---|---|---|
name |
text | Your name. default: Your name | Noor Haddad |
role |
text | What you do, up to two lines. | Product designer for fintech and data tools |
projects |
text |
Project titles separated by ;, e.g. Ledger dashboard;Pocket banking app;Album art. Three are shown, in the order of the pictures.
|
Ledger analytics dashboard;Pocket banking app;Sunset Drive album art |
site |
text | Portfolio address. | noorhaddad.design |
image_1 |
image URL | Picture of the first project; the top of it shows on the card. | https://example.com/images/dashboard.png |
image_2 |
image URL | Picture of the second project. | https://example.com/images/phone-app.png |
image_3 |
image URL | Picture of the third project. | https://example.com/images/album-cover.png |
avatar |
image URL | Your photo, round. | https://example.com/images/avatar-woman2.jpg |
accent |
colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. default: #8b5cf6 | #8b5cf6 |
theme |
dark | light | Colour scheme: dark or 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": "portfolio-showcase",
"modifications": {
"name": "Noor Haddad",
"role": "Product designer for fintech and data tools",
"projects": "Ledger analytics dashboard;Pocket banking app;Sunset Drive album art",
"site": "noorhaddad.design",
"image_1": "https://example.com/images/dashboard.png",
"image_2": "https://example.com/images/phone-app.png",
"image_3": "https://example.com/images/album-cover.png",
"avatar": "https://example.com/images/avatar-woman2.jpg"
}
}'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/portfolio-showcase.png?name=Noor%20Haddad&projects=Ledger%20analytics%20dashboard%3BPocket%20banking%20app%3BSunset%20Drive%20album%20art&role=Product%20designer%20for%20fintech%20and%20data%20tools&site=noorhaddad.design&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/portfolio-showcase/copy" \
-H "Authorization: Bearer sk_live_YOUR_KEY"More Social media & creators templates
Video thumbnail
Creator thumbnail
Social post
Carousel cover
Carousel slide
Carousel end slide
Photo collage
Story new post
Reaction thumbnail
All 19 Social media & creators templates → · All templates →