Framework-agnostic visual editors
17 editors in this dataset have no framework dependency at runtime, so the same editor instance can be mounted inside a React, Vue, Angular or server-rendered application without a rewrite.
Framework-agnostic engines own a DOM canvas and communicate through events rather than props. That buys portability across frameworks and costs you the ability to drop your existing design-system components straight into the canvas.
17 of 17 products
| Framework | Website | |||||||
|---|---|---|---|---|---|---|---|---|
| Beefree SDK | Commercial SDK | Any framework | Proprietary | No | Yes | from $350/mo | Not benchmarked | developers.beefree.io |
| CKEditor 5 | Library | Any framework | GPL-2.0-or-later OR commercial | Yes | Unverified | from $144/mo | 161.2 kB | ckeditor.com |
| Directus | Headless CMS | Any framework | BSL-1.1 | Yes | Yes | from $99/mo | Not benchmarked | directus.io |
| Editor.js | Library | Any framework | Apache-2.0 | Yes | Yes | Free (open source) | 64.3 kB · 70 ms to editor | editorjs.io |
| GrapesJS plugins ↗ | Library | Any framework | BSD-3-Clause | Yes | Yes | Free (open source) | 294.6 kB · 309 ms to editor | grapesjs.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 |
| PageKit plugins ↗ | Commercial SDK | Any framework | Proprietary | Yes | Yes | from $199 one-time | Not benchmarked | pagekit.gjs.market |
| Quill | Library | Any framework | BSD-3-Clause | Yes | Yes | Free (open source) | 58.7 kB | quilljs.com |
| Silex | Library | Any framework | GPL-3.0 OR MPL-2.0 | Yes | Yes | Free (open source) | Not benchmarked | silex.me |
| Storyblok | Headless CMS | Any framework | Proprietary | No | No | Free tier, paid plans undisclosed | Not benchmarked | storyblok.com |
| Stripo Plugin | Commercial SDK | Any framework | Proprietary | No | Yes | from $100/mo | Not benchmarked | stripo.email |
| 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 |
| Topol Plugin | Commercial SDK | Any framework | Proprietary | No | Yes | from $60/mo | Not benchmarked | topol.io |
| 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.
- 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.
- DirectusDirectus is a self-hostable data platform and headless CMS licensed under BSL 1.1, free to self-host for organisations under $5M in annual revenue, with visual editing delivered as live-preview and editable-overlay features rather than a drag-and-drop page canvas.
- Editor.jsEditor.js is an Apache-2.0 licensed block-style content editor that outputs clean JSON instead of HTML, aimed at article and document authoring rather than page layout. First published to npm in February 2019.
- GrapesJSGrapesJS is a BSD-3-licensed, framework-agnostic web page builder engine that you embed in your own application and extend through plugins, first published to npm in January 2016.
- 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.
- PageKitPageKit is a self-hosted, white-label website builder built on GrapesJS and sold by GJS.Market under one-time licence tiers, aimed at agencies and SaaS products that need a branded builder without a per-seat subscription.
- QuillQuill is a BSD-3-Clause rich-text editor maintained by Slab, with a built-in toolbar and themes, a Delta document format and a module API; version 2.0, rewritten in TypeScript, shipped in April 2024, and every framework wrapper for it is community-maintained.
- SilexSilex is a free/libre website builder from the non-profit Silex Labs, dual-licensed GPL-3.0 or MPL-2.0 and built on top of GrapesJS, aimed at static sites with dynamic data.
- 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.
- Stripo PluginStripo Plugin is the embeddable, white-label version of the Stripo email editor, sold separately from the Stripo web app with published plugin plans starting at $100 per month.
- 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.
- Topol PluginTopol Plugin is an embeddable white-label email editor priced per prepaid end-user account rather than per seat, with published plans from $60 per month.
- 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
- Beefree SDK vs Stripo Plugin
- CKEditor 5 vs TinyMCE
- Directus vs Storyblok
- Editor.js vs Lexical
- Editor.js vs Tiptap
- GrapesJS vs Editor.js
- GrapesJS vs GrapesJS Studio SDK
- GrapesJS vs Silex
- GrapesJS vs Unlayer
- Lexical vs Quill
- PageKit vs GrapesJS Studio SDK
- Quill vs Tiptap
- Stripo Plugin vs Topol Plugin
- Tiptap vs CKEditor 5
- Tiptap vs Lexical
- Unlayer vs Beefree SDK
- Unlayer vs GrapesJS Studio SDK
- Unlayer vs Stripo Plugin
- Unlayer vs Topol Plugin
Use cases and guides
- Build vs buy: should you build a visual editor or license one?
- Email template builder for SaaS: build it or buy it
- 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
- GrapesJS in React: an editor component that survives StrictMode
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.