Public alpha

Generate screenshot cards from code.

Send a base64 screenshot and receive a deterministic, self-contained SVG. Use it in CI, content pipelines, server jobs or any HTTP automation step.

No API key during alpha

No uploaded image storage

CORS enabled

PNG, JPEG and WebP input

Try the visual workflow

JavaScript

const response = await fetch("https://mockframe.app/api/v1/render", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    template: "beautify-screenshot",
    screenshot: "data:image/png;base64,...",
    width: 1200,
    height: 900,
    padding: 80,
    radius: 24,
    backgroundFrom: "#6d28d9",
    backgroundTo: "#0e7490"
  })
});

const svg = await response.text();

Alpha contract

The current endpoint intentionally covers one reliable template and SVG output. API keys, URL inputs, raster output, saved templates and usage plans will be versioned additions; the existing request shape will remain compatible within v1.