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.
GrapesJS Blocks
GrapesJS Style Manager
GrapesJS Style Manager
GrapesJS Style Manager
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.
GrapesJS Responsive
GrapesJS Style Manager
GrapesJS Style Manager
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.
GrapesJS Code
GrapesJS Asset Manager
GrapesJS Asset Manager
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