Editor playground: try visual editors before choosing one
Try GrapesJS live in your browser, and open the official demos of Puck, Craft.js, Tiptap, Editor.js, Lexical and more, each shown next to its framework, export formats and benchmark.
TL;DR
- GrapesJS runs here, client-side in your browser; nothing is sent to a server and nothing is stored.
- Every other editor links to its vendor's official live demo, shown next to the same framework, export and benchmark facts as the rest of the site.
- It loads only when you open this page, so the rest of the site is not slowed down by an editor bundle most visitors never use.
Pick an editor below. GrapesJS runs on this page; the others open their vendor's own demo, so you judge the real product rather than our reconstruction of it. For GrapesJS, everything runs in your browser. Drag a block onto the canvas, select an element to style it, and use the code button to see the HTML and CSS it produces — which is the output format that makes GrapesJS portable, and the thing worth judging before you commit to it.
This is the unstyled default UI, deliberately. It is what you get on install, and the gap between it and something you would show a customer is the work the build-versus-buy calculator prices.
GrapesJS
Benchmark: 294.6 kB · 309 ms to editorGrapesJS 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.
- Framework
- Any (framework-agnostic)
- Export formats
- HTML, JSON, Email HTML
- Supported features
- drag & drop, custom components, plugins, style manager
Loading GrapesJS…
Written by the EditorStack Research Team. How we test and what we refuse to publish is on the methodology page.