What is GrapesJS?

GrapesJS is an open-source, multipurpose, 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.

GrapesJS was designed primarily for use inside Content Management Systems to speed up the creation of dynamic templates and replace common WYSIWYG editors, which are good for content editing, but inappropriate for creating HTML structures. Instead of creating an application we decided to create an extensible framework that could be used by anyone for any purpose. (src)


  1. Responsive HTML WYSIWYG Editor
  2. Rich UI/ UX tool-set: Sections, rows, tables, columns, buttons, hero, images, videos, map, grid items, and list items
  3. Built-in Drag-and-drop
  4. A powerful CSS styling manager
  5. Export your website into responsive pages
  6. Layer manager: organize your designs with layers
  7. Code editor with syntax highlighting
  8. Comes with a straightforward asset manager
  9. Developer-friendly documentation
  10. Easy to integrate with any web project
  11. Run easily from public CDN servers
  12. Works with React, Angular, Vue, and Svelte
  13. Developers can build their own custom components
  14. Offers a built-in theming options
  15. Commands
  16. Multilingual support
  17. Comes with seamless storage manager
  18. Plugin-ready architecture
  19. Developers can use custom CSS
  20. Developers can replace the text editor with their own custom one


GrapesJS is released under the BSD 3-clause License.