Design and interface · Edition No. 6 · 31 Aug 2026

GrapesJS/grapesjs

Drag-and-drop builder for landing pages and, through its newsletter preset, email-safe table HTML.

← Design and interfaceRead the whole edition →

26.2k stars · BSD-3-Clause · v0.23.6 (2026-08-26)

Drag-and-drop builder for landing pages and, through its newsletter preset, email-safe table HTML.

Repo detailsthe review · specs · pros & cons · install

What it is

A framework for building visual web editors: you embed it in a page and get a canvas with draggable blocks, a style manager, a layer tree and an asset manager. It ships preset configurations — one for web pages, one for newsletters — and the newsletter preset produces the old-fashioned table-based HTML that email clients actually render correctly.

Why it matters

Edition 2 recommended Listmonk and said plainly that its editor is "functional, not friendly. No drag-and-drop email designer." That gap is still open, and it is one of the quieter reasons the mailing list keeps getting postponed — writing HTML email by hand is miserable work, and Claude Code can produce it but you cannot eyeball whether it will survive Outlook. The newsletter preset here is the missing piece. The second use is your marketing pages: your React app cannot rank, which is why Edition 3 pointed you at Astro, and GrapesJS exports plain HTML and CSS you can drop straight into an Astro page — so a landing-page variant, or the Russian version of one, is a duplicate-and-edit rather than a rebuild. And of everything on this page, its licence is the friendliest: BSD-3-Clause means you could legitimately embed the editor inside Grasppy one day if you ever want users building their own report layouts.

Stars26.2k
LicenceBSD-3-Clause
Latestv0.23.6 (2026-08-26)checked 7 Sep 2026
Written inTypeScript
RunsLocally, on your own machine
Setup effort
3 / 5
Payoff
4 / 5
Good
  • BSD-3-Clause — the most permissive licence in today's edition, and safe to embed commercially
  • The newsletter preset outputs email-safe table HTML, which is precisely the thing Listmonk asks you to write by hand
  • Exports plain HTML and CSS with no runtime dependency, so nothing you build in it is locked inside it
Watch for
  • It is a framework, not an application. You assemble a builder from presets and plugins before you can use it as one — an evening with Claude Code, not a five-minute download
  • The GitHub releases page looks stale (its latest tag shows no readable year), and only npm reveals that it is shipping steadily. Check npm for this project, not GitHub — the same trap as turftopic in Edition 4
  • The HTML it generates is verbose and wrapper-heavy. Fine for email, worth cleaning before it goes into a page you want fast
Works well with

Export the HTML and paste it into Listmonk's template, or into an Astro page beside the Starlight docs.

Install
npm install grapesjs grapesjs-preset-newsletter

Get the next edition in your inbox

A dozen repositories, opened and checked. The licence read, the last release dated, and the ones that did not make it named with the reason. It is the half most lists leave out.

No tracking pixels. One click to leave. The archive stays free either way.

We use your address to send the edition and nothing else. Confirm by email, leave in one click. How we handle it.