# zicula-og-image-kit — free sample

Three real slices from the full kit (16 files), each **trimmed to taste** —
enough to judge the quality, not enough to ship a social-card API:

- `templates-sneak-peek.mjs` — a working slice of `worker/src/templates.js`,
  the product's core file: the complete auto-fit text engine (`textWidthEm`,
  `wrapText`, `fitTitle` — the part that wraps titles to 3 lines, shrinks,
  then ellipsizes, and never breaks a Thai line on a combining vowel/tone
  mark), with **2 of the 6 templates** (`gradient`, `quote`) in **2 of the
  5 themes** (`night`, `sunset`). Runnable as-is: `node templates-sneak-peek.mjs`
  writes `sample.svg` — including a Thai headline that wraps mid-word the
  way the real engine does. The full kit has all 6 templates, all 5 themes,
  and pipes this exact SVG through a Cloudflare Worker so a plain URL
  returns a cacheable 1200×630 PNG.
- `playground-mini.html` — double-click to open: the same 2-template slice
  rendering **live in your browser**, no account or deploy needed. Type a
  Thai or English headline, switch template/theme, watch the auto-wrap.
  The full kit's playground covers 6 templates × 5 themes and points at a
  real `/og` endpoint instead of the browser.
- `CUSTOMIZE-sneak-peek.md` — the opening of the full `CUSTOMIZE.md`: the
  complete URL-parameter table (every knob the endpoint accepts), one worked
  example, and one-line summaries of the six sections you're not getting
  (themes anatomy, add-a-template recipe, font recipe, sizes, key gate,
  cache tuning).

What the full kit adds (the other 13 files):

- The Worker: `GET /og` endpoint (params → SVG → PNG/SVG), edge caching,
  CORS, optional key gate, env-var brand defaults (`worker/src/worker.js`)
- PNG rasterization via `@resvg/resvg-wasm` (`worker/src/render.js`) and
  the deploy config (`wrangler.toml` + `package.json`, `npm run dev/deploy/test`)
- The other 4 templates (`minimal`, `post`, `product`, `brand`) and 3 themes
  (`day`, `forest`, `mono`)
- Four bundled fonts — Public Sans + Noto Sans Thai, regular + bold
  (SIL OFL 1.1, embed/redistribute rights included)
- `test/render-test.mjs` — 49 automated checks: all 30 template×theme
  renders to real PNG, hostile-title escaping, Latin/Thai wrapping,
  size clamping
- `playground.html` — the full playground against your live endpoint
- `SETUP.md` — zero to deployed URL in ~10 minutes; `README.md`,
  `MANIFEST.md`, `LICENSE.txt` (commercial license, one buyer, unlimited
  own projects)

One-time purchase $42 · free updates for v1.x · 30-day full refund ·
https://og-image-kit.zicula.trade/