Flowz Web-Builder

About

Flowz Builder is an open-source, multi-purpose, Web Builder Framework based on GrapesJS 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.

Demo

Watch Videos

Check out YouTube tutorials

Features

Drag 'n Drop

Easily created webpage using 1000+ drag and drop components

Publish to Cloud

Publish your site directly to your domain

Manage Youe site

Keep records, track and manage you website

How To

Get Started with installation

                                Clone FlowzServiceApi project: https://github.com/FlowzPlatform/FlowzServiceApi 



In terminal: 1)cd FlowzServiceApi 2) npm install 3) npm start 



Clone FlowzBuilder project: https://github.com/FlowzPlatform/FlowzBuilder and update src/config.json with your credentials 



In terminal: 1)cd FlowzBuilder 2) npm install 3) baseURL=(FlowzServiceApi hosst and port) npm start 



In /var/www/html/ create "websites" folder (without quotes) 



Create new user and Login. 



Create new Project(Projectname without spaces) 



Create header files(.partials) in Header Folder, footer files(.partials) in Footer folder, layout file(.layout) in Layout folder and pages file(.html) in Pages folder. 



Project Settings and Page settings are in Settings icon to their respective names.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report