Repolode
Submit
GrapesJS

GrapesJS/grapesjs

Free, open-source web builder framework for building HTML templates and page editors with drag-and-drop, without coding.

Open-source alternative to:WixWebflow

View on GitHubWebsite
Stars
26,328
Forks
4,653
Open issues
30
Last commit
15 hours ago

What is it?

GrapesJS is a free and open-source web builder framework for creating HTML templates visually, for use in websites, newsletters, or mobile apps. It was designed mainly to be embedded in a CMS so that users can build dynamic templates without writing code. Templates are made of structure (HTML), style (CSS), and variables that are later filled in on the server and rendered on the client.

The editor ships with a block manager, a style manager, a layer manager, a code viewer, and an asset manager. Local and remote storage are supported, along with built-in commands for creating and managing components. It is distributed through npm, CDNs such as unpkg and CDNJS, and Git.

The core is extended through a plugin system, and the project provides a React wrapper, presets for webpage and newsletter (MJML) builders, and many community and official plugins for components, storage, and style properties.

Key features

  • 01Drag-and-drop block manager for building page structure
  • 02Style manager for editing component CSS visually
  • 03Layer manager and code viewer for inspecting the template
  • 04Asset manager for handling images and other media
  • 05Local and remote storage for saving templates
  • 06Plugin system with a React wrapper and webpage and newsletter presets

Use cases

  • Adding a visual page editor to a CMS so non-developers can build templates
  • Building email newsletter templates with a drag-and-drop editor
  • Creating a no-code website builder inside your own web application

Quick start

  1. 1

    Install GrapesJS from npm

    npm i grapesjs
  2. 2

    Include the CSS and JS files and create a container div with an init script, as shown in the README usage example

Topics

#web-builder#drag-and-drop#html-editor#visual-editor#no-code#cms#template-builder#framework#nocode#page-builder

FAQ

What is grapesjs?
Free, open-source web builder framework for building HTML templates and page editors with drag-and-drop, without coding. GrapesJS is a free and open-source web builder framework for creating HTML templates visually, for use in websites, newsletters, or mobile apps. It was designed mainly to be embedded in a CMS so that users can build dynamic templates without writing code. Templates are made of structure (HTML), style (CSS), and variables that are later filled in on the server and rendered on the client.
Is grapesjs free to use? What license does it have?
grapesjs is open source under the Other license. Check the license terms before using it in commercial products.
Is grapesjs still maintained?
Actively maintained. The last commit to grapesjs was on Oct 21, 2026.
What can I use grapesjs for?
Adding a visual page editor to a CMS so non-developers can build templates Building email newsletter templates with a drag-and-drop editor Creating a no-code website builder inside your own web application
How do I install grapesjs?
Install GrapesJS from npm: npm i grapesjs Include the CSS and JS files and create a container div with an init script, as shown in the README usage example
Where can I get grapesjs?
The source code and installation instructions are on GitHub: https://github.com/GrapesJS/grapesjs

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects