What is SIBU?

SIBU is a Site Builder which is developed on Drupal 8.
SIBU allows to create/edit/delete/customize theme, layout, structure, content, view, page, block, form, menu, ... for Drupal 8 with just the clicks.
SIBU output is a standard Drupal 8 website with hosting, composer, mysql db, themes, modules, files folder.
SIBU allows anyone to download the result website, setup on their host and continue coding from it like a normal Drupal 8 project.
SIBU system is showing below:

Home

What can SIBU do?

Using Drupal Site Builder - SIBU, we built each template below within 2 hours with just clicking, no coding, no configuring Drupal:

Change Layout

Layout Default of website

Home

Step 2:Complete the below form:

Home

Following steps below to change layout for your site:

Step 1: Hover on Site config icon and click on Change layout

Home

Step 2:Complete the below form:

Home

 

Step 2:Choose Layout name, Color and Click Save button to submit form.

Home

Result:

Home

Add Section

Step 1: Hover and click on Add section button to add new a section below the chosen section.

Home

Step 2:Complete the below form:

Home

Step 3: Click on Save button.

Result:

Home

Remove Section

Step 1: Hover on Section config icon and click on Remove section link.

Home

Step 2: Click on Delete button to delete section.

Home

Config style Section

You can change options of the selected section.

Step 1: Hover on Section config icon and click on Config section style link.

Home

Step 2: Completing this form (similar to the add section form)

Home

Click Save button

Result:

Home

Add new listing block

Step 1: Hover and click on Add block in each region

Home

Step 2:Select new block.

Home

Step 3:Select block type (Listing block).

Home

Step 4:Completing this form.

Home

- Result:

Home


Add new menu block

Step 1: Hover and click on Add block in each region

Home

Step 2:Select new block.

Home

Step 3:Select block type (Menu).

Home

Step 4:Completing this form.

Home

- Result:

Home


Add new basic block

Step 1: Hover and click on Add block in each region

Home

Step 2:Select new block.

Home

Step 3:Select block type (Simple block).

Home

Step 4:Completing this form.

Home

- Result:

Home


Add new form block

Step 1: Hover and click on Add block in each region

Home

Step 2:Select new block.

Home

Step 3:Select block type (Form block).

Home

Step 4:Completing this form.

Home

- Result:

Home


Add a existing block

Step 1: Hover and click on Add block in each region

Home

Step 2:Following the form below to add a existing block to region.

Home

Step 3: Click on Save button.

Result:

Home

Edit listing block

Step 1: Hover on Listing config icon and click on Edit listing config link:

Home

Step 2:Change params for listing in form.

Home

Step 3:Click Save button

- Result:

Home

Remove listing block

Step 1: Hover on Listing config icon and click on Remove listing link

Home

Step 2: Click Unassign (1) button to remove listing block from selected region or click Delete (2) button to delete listing block.

Home

Order items in menu

Step 1: Hover on Menu config icon and click on Order items link

Home

Step 2: Press and hold to move items up, down, left and right

Home

- Click on Save button to submit

- Result:

Home


Config menu style

Step 1: Hover on Menu config icon and click on Config menu style link

Home

Step 2: Select a style in drop-down list

Home

Step 3: Click Save. See result:

Home


Remove menu

Step 1: Hover on Menu config icon and click on Remove menu link

Home

Step 2: Click Unassign (1) button to remove menu from selected region or click Delete (2) button to delete menu.

Home


Edit Simple block

Step 1: Hover on Block config icon and click on Edit block link

Home

Step 2: Edit content in field from the form below

Home

Result:

Home

Remove Simple block

Step 1: Hover on Block config icon and click on Remove block link

Home

Step 2: Click Unassign (1) button to remove simple block from selected region or click Delete (2) button to delete simple block.

Home

Remove Form block

Step 1: Hover on Block config icon and click on Remove block link

Home

Step 2: Click Delete button to delete form block

Home

Add new listing page (for a menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Home

Step 2:Select page New page.

Home

Step 3:Select page type (listing page).

Home

Step 4:Completing this form.

Home

- Click Save button

- Result:

Home


Add new basic page (for menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Home

Step 2:Select page New page.

Home

Step 3:Select page type (basic page).

Home

Step 4:Completing this form.

Home

- Click Save button

- Result:

Home


Add new form page (for menu)

Step 1: Hover on Menu config icon and click on Add a page (1) link

Home

Step 2:Select page New page.

Home

Step 3:Select page type (form page).

Home

Step 4:Completing this form.

Home

- Click Save button

- Result:

Home

Add existing page for website

Step 1: Hover on Menu config icon and click on Add a page (2) link

Home

Step 2:Completing the below form

Home

- Result:

Home

Add new listing page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Home

Step 2:Select page type (listing page).

Home

Step 3:Completing this form.

Home

- Click Save button

- Result:

Home


Add new basic page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Home

Step 2:Select page type (basic page).

Home

Step 3:Completing this form.

Home

- Click Save button

- Result:

Home


Add new form page (for anywhere)

Step 1: Hover on Site config icon and click on Create a new page (1) link

Home

Step 2:Select page type (form page).

Home

Step 3:Completing this form.

Home

- Click Save button

- Result:

Home

Add new content to the listing

Step 1:Hover on Listing config icon and click on Create a new content link

Home

Step 2:Completing the below form:

Home

Step 3:Click to Save button

- Result:

Home

Edit listing block

Step 1: Hover on Listing config icon and click on Edit listing config link:

Home

Step 2:Change params for listing in form.

Home

Step 3:Click Save button

- Result:

Home

Edit listing page

Step 1: Hover on Listing config icon and click on Edit listing config link:

Home

Step 2:Change params for listing in form.

Home

Step 3:Click Save button

- Result:

Home

Remove listing block

Step 1: Hover on Listing config icon and click on Remove listing link

Home

Step 2: Click Unassign (1) button to remove listing block from selected region or click Delete (2) button to delete listing block.

Home

Remove listing page

Step 1: Hover on Listing config icon and click on Remove listing link

Home

Step 2: Click Delete button to delete listing page.

Home

Edit content

Step 1: You can start from location in page:

- Hover on Content config icon in each content and click on Edit listing content link

Home

- Hover on Content config icon and click on Edit content link from page content detail

Home

Step 2:Edit fields in form

Home

Step 3:Click Save button.

- Result:

Home

Remove content

Step 1: You can start from two location:

- Hover on Content config icon in each content and click on Delete listing content link

Home

- Hover on Content config icon and click on Delete link from page content detail

Home

Step 2:Click Delete button to delete content

Home

Step 3:Click Save button.

- Result:

Home

Edit style

Step 1: Hover on Content config icon and click on Edit style link

Home

Step 2: Select a style

Home

Step 3: Click Save button

- Result

Home

Edit field

Step 1: Hover and click on Edit icon of each field in view (or page content detail)

Home

Step 2: Edit content of field in form

Home

Step 3: Click Save button

- Result:

Home

Shop config (Edit skin)

Step 1: Hover on Site config icon and click on Config shop link

Home

Step 2: Click Active button to active your shop

Home

Step 3: Config shop and select skin in modal

Home

- Result:

Home

Category config

Step 1: Hover on Site config icon and click on Create a new category link

Home

Step 2: Config category in form

Home

Config site information

Step 1: Hover on Site config icon and click on Config site information link

Home

Step 2: Config the below form

Home

Step 3: Click Save button

- Result:

Home

Config system

Step 1: Hover on Site config icon and click on Config system link

Home

Step 2: Add your domain into below form

Home

Step 3: Click Save button

- Result:

Home

Publish/Unpublish site

Step 1: Hover on Site config icon and click on Publish/Unpublish site link

Home

Step 2: Select Publish or Unpublish in form

Home

- Result: If you select Unpublish option, you have to enter Username and Password for Authentication to access your site

Home

Backup site

Step 1: Hover on Site config icon and click on Backup this site link

Home

Step 2: Click Backup button

Home

- Result: Your site has been backed up

Why I build this Drupal Site Builder?

I'm Hai Nguyen, owner of WeebPal and SIBU, 20 years exp in programming, 13 years exp in Web Development and 8 years exp in Drupal Development. Luckily, my experience in hundreds of themes and hundreds of custom projects I did from 2008 in WeebPal, ThemeBrain and many other Companies help me do this project:

  • I started coding SIBU from Oct 2018
  • Prove of Concept version was completed on Jan 2019
  • Alpha version was completed on Jun 2019
  • Beta version was completed on Nov 2019
  • RC version is almost completed now (March 2020)

Who can use SIBU?

I don't wish this system is useful for anyone. I build this system for the people who need to build the websites quickly or longer use than normal:

  • Drupal developers normally need over 200h to complete a small tailor website can finish it in couple of hours.
  • Drupal developers need a few click to build a standard themes and Drupal structure project in a few minutes, download and start any projects.
  • Sales man/Business analyst/Customer relationship guy who discussing with client about the project requirement can use this system to build the website ideas directly to show, discuss idea about the website he needs to get confirmation directly and quickly. Output of this system is a complete website than just a wiframe like the other tools.
  • Front end/CSS can build Drupal project himself, add, build any pages himself completely, some time he can adding own css to solve the of of the box requirement from client about look and feel
  • And any other people who understand what is a website, understand the ideas, items of a website can use it to build any website for themselves.
  • SIBU includes hosting, domain config, SEO, Responsive, Wysiwyg tool to manage website, content, shop, packagable, downloadable ...

What does SIBU need from you?

Any Partners, Mentors, Investors, Users trial, Feedback, Friends ... are welcome to help us to success this project.

Best Regards

Review what can SIBU do?
(Please click here)