Craft.js

Yes. Craft.js exposes a serialize() method that outputs the entire editor state as JSON, which you can compress and store however you like. Pass that JSON string back to the Frame component to recreate the same page and continue editing it. The README shows this full round-trip.

Components are plain React components that use the useNode hook, which provides connectors for drag-and-drop and an actions API to update props on selection. Wrap a droppable region in a Canvas element so users can drop other components into it, and use the built-in support for custom drag handles and resizable nodes.

No. Craft.js models the page as a JSON-serializable node tree rather than generating static HTML or JSX. You store the serialized JSON and re-render it at runtime with a Frame component, which resolves your components through a resolver map.

The core is headless and ships without a default interface, so you build the editor UI yourself in React. The project offers example editors you can use as starting points plus an official @craftjs/layers package that adds a Photoshop-style layers panel.

Yes. Craft.js is just React, so it works with any React setup, including Next.js, Remix, and standalone React apps. A basic tutorial in the docs walks through building a full editor from scratch.