# Headless CMS with Visual Editing

*Source: https://www.editorstack.cc/categories/headless-cms-visual-editing — last updated 2026-09-17. Licensed CC BY 4.0 with attribution to EditorStack.*

5 products in this dataset are headless CMSs that added visual editing on top of structured content, which means editors click on a live preview while the data model stays typed and validated.

CMS-side visual editing solves a different problem from an embeddable builder. You are not shipping an editor to your users — you are giving your own content team a click-to-edit preview of a site your developers built.

| Product | Type | Licence | Frameworks | Bundle (min+gzip) | Price from | Self-hosted | White label | Score |
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
| [Builder.io](https://www.editorstack.cc/libraries/builder-io) | sdk | Proprietary | React, Vue, Angular | Not measurable | from $19/mo | No | Partial | not scored |
| [Contentful Studio](https://www.editorstack.cc/libraries/contentful-studio) | cms | MIT | React | Not measurable | Quote only | No | No | not scored |
| [Directus](https://www.editorstack.cc/libraries/directus) | cms | BSL-1.1 | Any (framework-agnostic) | Not measurable | from $99/mo | Yes | Yes | not scored |
| [Sanity Visual Editing](https://www.editorstack.cc/libraries/sanity) | cms | MIT | React, Vue | Not measurable | from $15/mo | Partial | No | not scored |
| [Storyblok](https://www.editorstack.cc/libraries/storyblok) | cms | Proprietary | Any (framework-agnostic) | Not measurable | Free tier, paid plans undisclosed | No | No | not scored |

- [Builder.io](https://www.editorstack.cc/libraries/builder-io) — Builder.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.
- [Contentful Studio](https://www.editorstack.cc/libraries/contentful-studio) — Contentful 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.
- [Directus](https://www.editorstack.cc/libraries/directus) — Directus 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.
- [Sanity Visual Editing](https://www.editorstack.cc/libraries/sanity) — Sanity 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.
- [Storyblok](https://www.editorstack.cc/libraries/storyblok) — Storyblok 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.