Free and Open Source Web Builder FrameworkNext generation tool for building templates without coding

Sorry but your device is too small for the editor. See below for more information

〈

What is it?

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. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for
creating HTML structures. You can see it in action with the
official demos,
but using its
API
you're able to
build your own editors.

If you're here just to build stuff faster, open and bookmark the official demos and use them when you need it.

Available end-user features

Drag&Drop Built-in Blocks

GrapesJS comes with a set of built-in blocks, in this way you're able to
build your templates faster. If the default set is not enough you can always add your own custom blocks.

Limitless styling

GrapesJS implements simple and powerful Style Manager module which enables
independent styling of any component inside the canvas. It's also possible to configure it to use any of the
CSS properties

Responsive design

GrapesJS gives you all the necessary tools you need to optimize your
templates to look awesomely on any device. In this way you're able to provide various viewing experience.
In case more device options are required, you can easily add them to the editor.

The structure always under control

You can nest components as much as you can but when the structure begins to grow
the Layer Manager comes very handy. It allows you to manage and rearrange your elements extremely faster, focusing
always on the architecture of your structure.

The code is there when you need it

You don't have to care about the code, but it's always there, available for you. When
the work is done you can grab and use it wherever you want. Developers could also implement their own storage interfaces
to use inside the editor.

Asset Manager

With the Asset Manager is easier to organize your media files and it's
enough to double click on the image to change it

FEATURED ON

Support us

If you like the project you can help us get bigger. GrapesJS is an independent
project, made by developers in their spare time with a common purpose, make the
web development accessible to everyone. We appreciate even the smallest contribution
as it's a huge change from many aspects, but mostly, the motivation to
keep improving this tool

The project is still under development, so
stay tuned.
Being a free and open source project contributors and supporters are extremely welcome.