GrapesJS

In plain words

GrapeJS is an open-source framework for embedding a visual editor into applications. It enables users to build emails, landing pages, websites, and documents using drag-and-drop editing, code editing, and reusable components. The editor supports responsive design with configurable CSS properties and exports clean HTML, JSON, and CSS. It can be used standalone or embedded via SDK, allowing developers to create custom components and white-label solutions for their users.

written from the facts on this page · September 2026

From the sources

GrapesJS is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding

Embed a white-label, AI-powered visual editor in your app for emails, landing pages, websites, and documents. Includes drag-and-drop editing, code editing, reusable components, and clean HTML export.

Use it in ChatGPT , Grapes Studio , or embed in your own app with our SDK . Build powerful, customizable visual editors with Studio SDK and GrapesJS. Our versatile framework provides everything you need, from drag-and-drop editing to responsive design. Create your custom components and allow your users drag & drop them around. From simple to advanced and responsive styling. Configurable for any CSS properties. All the tools you need to allow your users to create content that looks great on any device. GrapesJS outputs simple JSON and easily exports to any code and project (HTML/CSS/JS export built-in). Create custom plugins and modify the editor's UI to match your specific requirements.…from grapesjs.com

In the maker’s words, at launch

I’ve been working with @artf (creator of GrapesJS) on Grapes Studio, an HTML-first editor with an LLM assistant on top of GrapesJS. We’re approaching this differently than the new wave of AI app/site builders which are typically generating full React applications, which we think is overkill for simple websites.…

• MN
  My new SaaS side-project, after years of open source2018 · ▲229

  Hi guys, I've created an open source web builder framework (https://grapesjs.com) years ago, which I'm still maintaining, and now I'm excited to publish a side project based on it, Grapedrop (https://grapedrop.com). It's a simple web page builder which allows you to design and publish your web pages very quickly. The project is still in beta with a lot of stuff to improve but I'd really like to share it and hear what people think about it and maybe also get some constructive feedback.

• 
  Editor.js2019 · editorjs.io · ▲723

  A block-styled editor with clean JSON output

• 
  An open-source, collaborative, WYSIWYG Markdown editor2023 · editor.vrite.io · ▲460

  Inspired by the design and UI/UX of apps like Notion, and utility of open-source apps like StackEdit, I decided to create a minimalistic, local-only WYSIWYG Markdown editor. Some features worth highlighting: - Monaco editor and Prettier integration for code snippets - Tables (apparently the holy grail of WYSIWYG editing) - Embeds (for CodePen, CodeSandbox and YouTube, most useful for HTML or JSON exports) - Accepts Markdown paste-in, and "exports"/generates HTML, Markdown and JSON outputs - Collaboration (with real-time awareness and initial commenting system, available only when…

• 
  RedwoodJS2022 · rwsdk.com · ▲203

  Hey everyone, I'm the original co-creator of RedwoodJS. (The framework that myself and Tom Preston-Werner, Rob Cameron and David Price built during Covid.) I had tried to build a developer tool startup (Snaplet), and failed. I rejoined the efforts to add RSC to Redwood, but I realized that we needed a much simpler framework that was closely tied to a platform (We chose Cloudflare). We started building RedwoodSDK a year ago and this is the result. An insanely simple stack. I am incredibly proud of this work, please star our repo and let me know if there's anything that doesn't resonate with…

• 
  A renderless and extendable rich-text editor for Vue.js2019 · github.com · ▲278

  The headless rich text editor framework for web artisans. - ueberdosis/tiptap

• 
  A fast, minimal and offline-friendly web playground2025 · scriptpad.dev · ▲50

  I built a web-based HTML/CSS/JS editor focused on speed, simplicity, and offline access. No bloat — just open and start coding. What makes it different: Live Preview – Edit HTML, CSS, and JS side-by-side with instant feedback. Offline support – Works without internet. You can even install it as a PWA and use it like a native app. No Login Required – Just visit, code, and preview. Login only if you want to save/share. Savable & Shareable Links – Save scripts in the cloud and get shareable links. Customizable Editor – Themes, fonts, auto-format on save, layout tweaks, line…

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Stripe Atlas (Pre-Launch)▲1,687

  A new way to start an internet business anywhere

  Dev tools · 2016 · stripe.com

• 
  Product Hunt 3.0▲1,182

  The place to discover your next favorite thing

  Life & fun · 2016

• 
  I've been writing daily TILs for a year▲819

  :memo: Today I Learned. Contribute to jbranchaud/til development by creating an account on GitHub.

  Dev tools · 2016 · github.com

• 
  Anchor▲746

  Record bite-sized podcasts that anyone can join ⚓

  Work · 2016 · creators.spotify.com

• 
  Muzli 2▲622

  All the design inspiration you need

  Work · 2016 · muz.li

• H2
  Htop 2.0 released, now cross-platform▲613

  Life & fun · 2016 · hisham.hm