Use Case

Clean, consistent documentation screenshots

Docs screenshots go stale fast. Every UI change means re-capturing, re-cropping, re-exporting. ScreenFramed captures specific elements at exact dimensions from the live UI — your docs stay current by re-running a script.

Why this works for docs teams

  • Element capture — screenshot just the settings panel, not the whole page. Pass element: "settings form" or a CSS selector.
  • Consistent dimensions — with no device selected and aspect_ratio: "16:9", output is a clean 16:9 crop with no device frame and minimal styling. Fits inline in any docs layout.
  • Scriptable — run a bash script in CI to re-capture all screenshots on deploy. Docs stay in sync with the live product.
  • Hide selectors — pass hide_selectors: [".cookie-banner", ".intercom"] to hide UI clutter.

API example

curl -X POST https://screenframed.com/v1/capture \
  -H "Authorization: Bearer sf_live_your_key" \
  -H "Content-Type: application/json" \
  -d '{
    "url": "https://your-app.com/settings",
    "element": "settings form",
    "aspect_ratio": "16:9",
    "hide_selectors": [".intercom-launcher"]
  }'