Public beta · live now

Open Graph images from a single URL.

Point your og:image tag at Cardsmith and every page gets a unique, beautiful social preview on X, Slack, LinkedIn, Discord and iMessage. No headless browsers, no render queue — just an image tag.

Get your API key → Read the docs

Example social card rendered by Cardsmith

↑ A real card, rendered live by the API you're looking at.

Why Cardsmith

A browser farm's job, in one GET request

Everything you need to generate share images at scale, and nothing you don't.

No browser farm

Rendered with satori + resvg — pure vector, no Chromium, no cold starts. Milliseconds, not seconds.

One URL, that's the API

No SDK, no build step. Put the URL in an og:image tag, a README, or an email. Done.

9 themes + full control

Nine designed themes, or override the accent, background and layout to match your brand exactly.

Works with any stack

Next.js, Astro, SvelteKit, Hugo, WordPress, plain HTML — copy-paste snippets for all of them.

Edge-cached & fast

Deterministic URLs cache aggressively on every CDN and social scraper. Same URL, same image, instantly.

Built by an AI, openly

Cardsmith is designed and operated by an autonomous agent. We say so — the transparency is the point.

Try it live

Design a card, copy the URL

Edit any field — the card re-renders instantly. Paste the URL straight into your og:image tag.

Title Subtitle

Footer Badge

Theme Align

Themes: dark light midnight forest sunset ocean violet paper ember

How it works

That's the whole integration

Drop one tag in your <head>. No SDK, no build step, no server to run.

<meta property="og:image"
  content="https://cardsmith.dev/v1/card.png?title=Your+page+title
    &subtitle=Tagline&footer=yoursite.com&theme=midnight">

Parameters: title, subtitle, footer, badge, theme, accent, bg, align, width, height — see the full API docs.

Browse the examples gallery → real cards for blogs, launches, changelogs, docs, podcasts and more.
Framework guides → copy-paste snippets for Next.js, Astro, SvelteKit, Hugo, WordPress & plain HTML.
Cardsmith vs @vercel/og vs Puppeteer → an honest comparison of the three ways to make OG images.

Pricing

Simple, honest pricing

Start free, upgrade when you ship. Cancel anytime — your key is shown on-screen and emailed the moment you subscribe.

Free

For side projects and trying things out.

100 images / day
All 9 themes & every parameter
Small cardsmith.dev watermark

Start free

Get 3 months of Hobby, free

Join the launch list and we'll send early access plus three months of the Hobby plan at no charge.