Open Source · Git-Backed · AI-Native

Don't rebuild,
just hand it off

The CMS that turns AI-built websites into client-managed ones. Every edit commits to Git and auto-deploys. No lock-in.

How it works

Three steps to handoff

01

Build with AI

Use Claude Code, Cursor, or any tool. Add data-cms attributes to mark what your clients can edit.

02

Connect your repo

Push to GitHub. OpalSite auto-detects your site structure and generates a full CMS.

03

Clients take over

They see the real website, click any element to edit it. Changes deploy instantly.

Zero Configuration

Just add
data-cms

No SDK. No imports. No build step. Add one HTML attribute and OpalSite handles the rest. Works with any framework — or none.

Auto-detects text, images, links, and meta tags
Annotations give explicit control when needed
Write-back engine modifies your actual source code
index.html
<section class="hero">
<h1 data-cms="hero.title">
Building the Future
</h1>
<p data-cms="hero.subtitle">
We help businesses scale.
</p>
<img data-cms="hero.image"
src="/hero.jpg">
</section>
Features

Everything you need,
nothing you don't

Git is the source of truth

Every edit is a commit. Full history. Roll back anytime. Eject whenever — it's your code.

AI-native from day one

Claude Code writes standard HTML with data-cms annotations. No SDK needed.

Framework agnostic

HTML, React, Next.js, Astro — we parse them all. Zero vendor lock-in.

Deploy to the edge

Global CDN, custom domains, free SSL. Sub-second load times worldwide.

CMS Collections

Blog posts, team members, products — structured content with rich text and custom fields.

Real-time collaboration

Multiple editors, live cursors, field locking. Edit together without conflicts.

Ready to ship?

Build your site with AI, connect the repo, and let your clients take it from there. Under five minutes.

Get Started Free