React page builder libraries
19 of the libraries in this dataset ship a React-native editing surface or a first-party React wrapper, which is what lets them render your own React components inside the canvas instead of an iframe of HTML.
React-native builders keep your component tree as the source of truth: the canvas renders the same components your app renders, so props edited in the editor are the props that reach production. Framework-agnostic engines with a React wrapper take the opposite route — they own a DOM canvas and hand you HTML.
19 of 19 products
| Framework | Website | |||||||
|---|---|---|---|---|---|---|---|---|
| Beefree SDK | Commercial SDK | Any framework | Proprietary | No | Yes | from $350/mo | Not benchmarked | developers.beefree.io |
| BlockNote | Library | React, Vue | MPL-2.0 | Yes | Yes | from $195/mo | 386.1 kB | blocknotejs.org |
| Builder.io | Commercial SDK | React, Vue, Angular | Proprietary | No | Unverified | from $19/mo | Not benchmarked | builder.io |
| CKEditor 5 | Library | Any framework | GPL-2.0-or-later OR commercial | Yes | Unverified | from $144/mo | 161.2 kB | ckeditor.com |
| Contentful Studio | Headless CMS | React | MIT | No | No | Quote only | Not benchmarked | contentful.com |
| Craft.js | Library | React | MIT | Yes | Yes | Free (open source) | 29.2 kB · 94 ms to editor | craft.js.org |
| Framer | Platform | React | Proprietary | No | No | from $10/mo | Not benchmarked | framer.com |
| GrapesJS Studio SDK plugins ↗ | Commercial SDK | Any framework | Proprietary | Yes | Yes | Free tier, paid plans undisclosed | Not benchmarked | grapesjs.com |
| Lexical | Library | Any framework | MIT | Yes | Yes | Free (open source) | 104.9 kB · 159 ms to editor | lexical.dev |
| Plasmic | Commercial SDK | React | Proprietary | No | No | from $39/mo | Not benchmarked | plasmic.app |
| Plate | Library | React | MIT | Yes | Yes | Free (open source) | 150.8 kB · 209 ms to editor | platejs.org |
| Puck | Library | React | MIT | Yes | Yes | Free (open source) | 90.4 kB · 852 ms to editor | puckeditor.com |
| React Page | Library | React | MIT | Yes | Yes | Free (open source) | 377.2 kB · 1004 ms to editor | react-page.github.io |
| Sanity Visual Editing | Headless CMS | React, Vue | MIT | Unverified | No | from $15/mo | Not benchmarked | sanity.io |
| Storyblok | Headless CMS | Any framework | Proprietary | No | No | Free tier, paid plans undisclosed | Not benchmarked | storyblok.com |
| TeleportHQ | Commercial SDK | Any framework | Proprietary | No | Unverified | from $9/mo | Not benchmarked | teleporthq.io |
| TinyMCE | Library | Any framework | GPL-2.0-or-later OR commercial | Yes | Unverified | from $79/mo | 393.9 kB | tiny.cloud |
| Tiptap | Library | Any framework | MIT | Yes | Yes | Free tier, paid plans undisclosed | 123.3 kB · 171 ms to editor | tiptap.dev |
| Unlayer | Commercial SDK | Any framework | Proprietary | Unverified | Yes | from $250/mo | Not benchmarked | unlayer.com |
What is in this list
- Beefree SDKBeefree SDK is a commercial embeddable email, page and popup builder for SaaS applications, published on npm under Apache-2.0 wrapper packaging since October 2023, with paid tiers starting at $350 per month.
- BlockNoteBlockNote is a Notion-style block editor for React built on ProseMirror and Tiptap, shipping slash menus, drag handles and formatting toolbars ready-made; its core is MPL-2.0, while AI, multi-column and export packages are GPL-3.0 or commercially licensed.
- Builder.ioBuilder.io is a commercial visual development platform whose SDKs let non-developers edit pages built from your own components, and whose 2026 pricing is credit-based rather than seat-based.
- CKEditor 5CKEditor 5 is a finished rich-text editor with a toolbar, a plugin architecture and first-party React, Vue and Angular integrations, dual-licensed under GPL-2.0-or-later for self-hosted use or under commercial terms, with collaboration, AI and email tooling sold as premium features.
- Contentful StudioContentful Studio is Contentful's visual experience builder, sold as a paid add-on on top of the CMS platform; its React SDK has been on npm under MIT since March 2024 and there is no built-in visual editing without the add-on.
- Craft.jsCraft.js is an MIT-licensed React framework for building your own page editor: it supplies the drag-and-drop layer, node tree and state management, and leaves the entire editor UI to you. First published to npm in December 2019.
- FramerFramer is a hosted design-and-publish website platform, included as a build-versus-buy reference point: its editor cannot be embedded in another product, and 2026 pricing runs from a free tier to about $10 per month for Basic and $30 per month for Pro on annual billing, plus per-editor seats.
- GrapesJS Studio SDKGrapesJS Studio SDK is the commercial, licence-key product from the GrapesJS team: a ready-made editor UI, project storage and asset handling built on the open-source engine, first published to npm in July 2024.
- LexicalLexical is Meta's MIT-licensed extensible text editor framework, published to npm as version 0.1.0 in January 2022 and built around an immutable editor state with a plugin architecture rather than a supplied interface.
- PlasmicPlasmic is a commercial visual builder for React applications that generates or loads components into your codebase, with a free tier and paid tiers that scale by collaborators and features.
- PlatePlate is an MIT-licensed React rich-text editor framework built on Slate, shipping headless plugins plus copy-in shadcn/ui components for editors that need document editing rather than page layout. First published to npm in July 2021.
- PuckPuck is an MIT-licensed visual editor for React that renders your own React components inside the canvas and stores page data as JSON, first published to npm in June 2023.
- React PageReact Page is an MIT-licensed, cell-and-row based content editor for React that ships a grid layout system and a plugin API, first published to npm in November 2019.
- Sanity Visual EditingSanity is a headless content platform whose Presentation tool adds click-to-edit visual editing over a live preview of your front end; the @sanity/visual-editing package has been on npm under MIT since February 2024 and visual editing is available on every plan including the free tier.
- StoryblokStoryblok is a headless CMS whose visual editor renders a live preview of your own front end and lets editors click a component to edit its fields, with a free Starter plan and paid plans from about €99 per month per space.
- TeleportHQTeleportHQ is a low-code front-end platform that turns a visual canvas into exportable React, Vue or Angular code, with an MIT-licensed open-source code generator on npm since September 2019 and a free tier plus paid plans from $9 per editor per month billed annually.
- TinyMCETinyMCE is a long-established WYSIWYG editor whose licence moved from MIT in version 6 to GPL-2.0-or-later in version 7, and since 8.3 to GPL-2.0-or-later or Tiny's self-hosted commercial terms, with every self-hosted TinyMCE 8 install required to set a licence key.
- TiptapTiptap is an MIT-licensed headless rich-text editor framework built on ProseMirror, shipping no UI of its own and exposing extensions instead; its React binding first appeared on npm in February 2021.
- UnlayerUnlayer is a commercial embeddable email and page builder for SaaS products, whose React wrapper react-email-editor has been on npm since October 2017 and whose embed plans start at $250 per month.
Comparisons within this category
- Builder.io vs Contentful Studio
- Builder.io vs Plasmic
- Builder.io vs Storyblok
- CKEditor 5 vs TinyMCE
- Craft.js vs Builder.io
- Craft.js vs Plasmic
- Craft.js vs React Page
- GrapesJS Studio SDK vs Builder.io
- GrapesJS Studio SDK vs Plasmic
- Plasmic vs TeleportHQ
- Plate vs Lexical
- Plate vs Tiptap
- Puck vs Builder.io
- Puck vs Craft.js
- Puck vs Plasmic
- Puck vs React Page
- Puck vs Storyblok
- Sanity Visual Editing vs Contentful Studio
- Storyblok vs Contentful Studio
- Storyblok vs Sanity Visual Editing
- Tiptap vs BlockNote
- Tiptap vs CKEditor 5
- Tiptap vs Lexical
- Unlayer vs Beefree SDK
- Unlayer vs GrapesJS Studio SDK
Use cases and guides
- Email template builder for SaaS: build it or buy it
- How to embed a page builder in a React application
- Headless CMS visual editing: how it works and what it costs
- Adding a visual editor to a Next.js application
- Visual editor options for Vue applications
- White-label website builder for agencies: the real options
Not sure this is the right list? The Editor Finder combines several requirements at once and explains each match.
Membership of this list is computed from the dataset, not curated by hand, so it changes when the data changes. See the methodology for the rule behind each flag, or take the raw data from the dataset page. The full table across every category is in the editor database.