@thesitecraft/react-editor

React drag-drop editor components for SiteCraft-compatible JSON.

import { SitecraftEditor, SitecraftPreview, createDefaultSitecraftJson } from '@thesitecraft/react-editor';
import { useState } from 'react';

export function Builder() {
  const [siteJson, setSiteJson] = useState(createDefaultSitecraftJson('My Site'));

  return (
    <>
      <SitecraftEditor value={siteJson} onChange={setSiteJson} />
      <SitecraftPreview siteJson={siteJson} />
    </>
  );
}

This package is browser-safe and does not require a secret key.