Introducing InlineCMS.

InlineCMS is a headless CMS where editors edit content directly on the live page. There’s no separate admin panel for content editing — the page itself is the editor.

How it works

1. Engineer adds inline-cms to any editable element
2. The Vite plugin injects stable fingerprint keys at build time
3. Visitors see the page normally — zero overhead
4. An editor visits the page and clicks “Editor login” in the floating toolbar
5. The page enters edit mode — editable elements highlight on hover
6. Editor clicks an element, edits it inline, hits Publish
7. Change is live. No redeploy. No admin panel.

Two editing modes

Element editing

Add inline-cms to individual elements for fine-grained control:

<h1 inline-cms>Welcome to our site</h1>
<p inline-cms>We build great things.</p>

Each element is independently editable and stored as a separate content entry.

Section editing

Add inline-cms to a container element to make the entire block editable:

<section inline-cms>
  <h2>About us</h2>
  <p>We build great things.</p>
  <ul>
    <li>Feature one</li>
    <li>Feature two</li>
  </ul>
</section>

The full HTML structure (headings, paragraphs, lists) is preserved and editable as a single block.

Packages

Package	Description
@inlinecms/types	Shared TypeScript types
@inlinecms/core	Framework-agnostic SDK core
@inlinecms/react	React adapter — hooks, components, toolbar
@inlinecms/vue	Vue 3 adapter — composables, plugin
@inlinecms/vite-plugin	Vite build-time transform
babel-plugin-inlinecms	Babel transform for non-Vite setups