PageKit — the self-hosted GrapesJS site builder, sold as source. Get early access
Mounting GrapesJS inside React is mostly a lifecycle problem — the editor manages its own DOM, so it has to be initialised once and torn down cleanly rather than re-rendered. The starter integration shows that wiring with the effects and refs already handled, which saves the usual afternoon of double-initialisation bugs. The shadcn set goes further, registering shadcn/ui components as editable GrapesJS blocks so the canvas produces the same components the rest of the application uses.
Full guide: integrating GrapesJS with React →
Embed GrapesJS in a Remix app: mount it client-side in useEffect, save content to a Remix action, and export clean HTML/CSS.
In the world of web development, rich text editors often feel bulky, slow, and difficult to integrate.
Seamlessly integrate GrapesJS with React, TypeScript, and Next.js using the official @grapesjs/react package for modern app development.
