Overlay
Sign up
Framework-agnostic. Git-native. Safe by default.

Edit any website
with a sentence.

Overlay is an AI editing layer you drop into a site you already own. Click any element, describe the change, preview it live, and ship — as a clean Git PR or a declarative patch. No migration. No rebuild. No lock-in.

Install in 60 secondsTry the live demo →

10 free edits / month. No credit card. Works on your stack.

example.com/?overlay=1
selected: h1.hero-title

Ship premium websites
your team can edit in seconds.

Subheading your designer will now let you touch.

Prompt
make this hero headline feel more premium and outcome-focused
Proposed ops
  • text.rewrite
    Build faster websites → Ship premium websites your team can edit in seconds
  • style.set
    font-weight: 600
98 / 100 edits this month · proposal-only mode

Built on the parts most AI editors skip.

Versioning, approvals, audit, safety — first class. Not roadmap items.

Universal editor, adapter-based persistence

One overlay, many backends. React, Next, Vue, Laravel, static HTML, and a universal patch-file fallback for anything else. We don't pretend one parser understands every framework — we give each one a real adapter.

AI emits structured operations, never raw code

The AI can only produce validated edit ops: text.rewrite, style.set, asset.replace. No free-form file writes. No script injection. No destructive changes without an approver.

Preview in-browser, persist through Git

Runtime preview is instant and reversible. Approved changes land as a signed Git commit or a declarative patch — with screenshots, diff, prompt, and actor recorded in the audit log.

Roles, approvals, and environments

Marketers propose, reviewers approve, developers merge. Production always needs a human. Preview-only, propose-only, dev, staging, prod — all first-class.

Source mapping with confidence scores

Every selected element gets mapped back to its source: a JSX prop, a Blade partial, a CMS field, or — when unknown — a runtime patch. Low confidence never auto-applies.

Pay per edit, not per token

An edit is a validated AI proposal, counted once. Retries don't double-bill. Failed responses are free. Soft limits warn, grace buffers absorb spikes, hard caps protect your wallet.

Install in 60 seconds.

Three ways to start. All of them keep your stack, your repo, and your hosting.

  • 01 Sign up, create a project, copy your license key.
  • 02 Add the loader (script, npm, or CLI).
  • 03 Visit your site with ?overlay=1 and start editing.
Drop-in script taghtml
<script
  src="https://cdn.overlay.dev/v1/loader.js"
  data-project="proj_01HX9K"
  data-env="production"
  data-activation="query:overlay=1"
  defer></script>
npm packagebash
npm i -D @overlay/cli
npx overlay init
overlay.config.jsonjson
{
  "licenseKey": "${OVERLAY_LICENSE_KEY}",
  "projectId": "proj_01HX9K",
  "environment": "production",
  "allowedDomains": ["example.com", "www.example.com"],
  "adapters": { "primary": "git", "fallback": "patch-file" },
  "safety": { "defaultMode": "propose-only" }
}

Your stack. Your repo. Your call.

Overlay never rehosts your site, never touches secrets, never publishes without approval. Everything it does is reviewable, revertible, and logged.