tsai
/
grapesjs
mirror of https://github.com/artf/grapesjs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1876 Commits
198 Branches
159 Tags
125 MiB
 
 
 
 
Tree: 7bd80ad0bc
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7bd80ad0bc'
${ noResults }
grapesjs/docs
Artur Arseniev 7bd80ad0bc
Update blocks in getting started 		8 years ago
..
.vuepress Update blocks in getting started 8 years ago
api More updates for API in docs 8 years ago
guides Add guides in docs 8 years ago
modules Add modules in docs 8 years ago
README.md Update Editor API in docs 8 years ago
api.js More updates for API in docs 8 years ago
faq.md Update Editor API in docs 8 years ago
getting-started.md Update blocks in getting started 8 years ago

README.md

Introduction

toc

What is GrapesJS?

At first look you might probably think it's just yet another kind of page/HTML builder, but actually is something more. GrapesJS is the first, multi-purpose, Web Builder Framework, which means it allows you easily create your, drag & drop enabled, builder of "THINGS". For "THINGS" we consider anything web structure related, so HTML at first, but don't just think about web pages, we use HTML-like structure basically everywhere: Newsletters (eg. MJML), Native Mobile Applications (eg. React Native), Native Desktop Applications (eg. Vuido), PDFs (eg. React PDF), etc. So, for everything you can imagine as a set of elements like <tag some="attribute">... other nested elements ...</tag> you can create easily a GrapesJS builder around it and then use it independently in some of your applications. GrapesJS comes along with different features and tools which enable you to craft easy to use builders, which will allow your users to create complex HTML templates without any knowledge of coding.

Why GrapesJS?

Mainly, GrapesJS was designed to be used inside some CMS 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. Then, with the same concept, instead of creating just an application we decided to create a framework that could be extended and used by everyone for any kind purpose.

Quick Start

To show up of what GrapesJS is capable of we have created some presets.

You can actually use them as a starting point for your editors, so, just follow the instructions on the repository to get a quick start for your builder.

Download

Latest version: npm

You can download GrapesJS from one of this sources

  • CDNs
    • unpkg
      • https://unpkg.com/grapesjs
      • https://unpkg.com/grapesjs/dist/css/grapes.min.css
    • cdnjs
      • https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.17/grapes.min.js
      • https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.17/css/grapes.min.css
  • npm
    • npm i grapesjs
  • git
    • git clone https://github.com/artf/grapesjs.git