ziaahsan / template-builder

HTML page builder with GrapeJS
34 stars 11 forks source link

Installation and Usage

Clone and place this repo inside a server directory since there is an auto saving process. Otherwise feel free to use this as an add-on to GrapesJS & UIKit

# Simply Clone this repository
git clone https://github.com/ziaahsan/template-builder

Purpose of Template-Builder was:

  1. I needed a way to make responsive HTML/CSS designs
  2. In order to achieve 0, I used an open source tool called, GrapesJS. Which made things a lot easier to get started
  3. With 1. built, I integrated UIKit for neat HTML/CSS responsive designs
  4. Now that everything was setup simply add an automatic saving system with GrapesJS

Interface

  1. Components - Blocks of HTML code alt text
  2. Sidebar alt text alt text
  3. Preview alt text
  4. Trash & Component Code alt text