Drupal Drag Drop Builder Free Download Codecanyon

Drupal Drag Drop Builder is awesome Module for Drupal CMS. It comes with alot of features, Bring you and your customers connects to Drupal easier. More fiendly, more easier that is Drupal Builder mission.
This module works well for any themes. It’s not required Bootstrap CSS framework.
Builder based as Field. Can attached to Node, User, Taxonomy, Comment… or other Drupal Entity.

Drupal 8

  • Demo of Theme using Builder on Drupal 8: Aklas
  • Tested with Drupal 8.2.6
  • Base as Field, can be added to Entities as new field such as: User, Block, Node, Comment, Taxonomy …
  • Unlimited children drag drop to sort order.
  • Import/Export tools to move Builder from Dev to live site (or from a site to another site auto import images if set).
  • Friendly UI, and API for Developer create new element for Builder.
  • Custom element css base on UI. Available elements: Insert block, Insert node, Text (Rich editor), Row, Column , and your own element.

Drupal builder for Drupal 8

Yes, there two version in download package: For Drupal 7 and For Drupal 8
Check this video to see how to install Drupal Drag Drop Builder for Drupal 8: https://www.youtube.com/watch?v=nUiRRI-uOsA&list=PL9jvxTIzo9c4klOaa7T7Mkv4xYG6pFQc6
Drupal 8 Drag Drop Builder

Themes use Builder (8.x)

Hub - Creative Blog & Magazine Drupal 8 Theme - News / Editorial Blog / Magazine
Aklas Creative Drupal 8 Theme

New released: Block Builder Click here

Drupal Drag Drop Builder
Drupal Drag Drop Builder
Drupal Drag Drop Builder

Key features:

  • Drupal Builder base on Field, So can be attached to any of Drupal Entity such as: Node, User, Taxonomy, …
  • Fully Compatible with Drupal version 7.x, And there is a version for Drupal 8 in this download package.
  • Drupal 8.x check video tutorial how to install for Drupal 8: https://www.youtube.com/watch?v=nUiRRI-uOsA
  • Easy to install and use.
  • Multilingual supported, Check the video http://www.youtube.com/watch?v=qizCHpw68NY
  • Add unlimited row section, columns, and Unlimited contents.
  • Responsive Grid CSS.
  • HTML5 Video background.
  • Support Video, And Image background Parallax.
  • Set animation for each row section or column, or element content on Page scroll. See the video: https://www.youtube.com/watch?v=ve0wZbdI7do
  • Allow configuration permission base on user’s roles, or permission rule for each content in the column.
  • Tools: Export and Import builder, Checkout Video
  • Administrator can grant permission for builder contents element per role, Which mean each user role only has permission to add content into Builder column if it granted.
    Check out the video to see how it works: https://www.youtube.com/watch?v=H4-s8hWTwg4
  • Well code and clear documentation. Video tutorial how to install, and use included in the documentation.

Drupal 8 Slider Builder

Drupal 8 Drag Drop Slider


API and HOOKS Implements for the Developer

Ideas for Theme Development:

  • Create unlimited variations for Headers – so when create new page we can select a header for that one.
  • Create unlimited variations for Footers.
  • Create unlimited variations for main Menus.
  • Your idea…

 * HOOK_builder_content_info()
function HOOK_builder_content_info() {

  $contents = array();

  //Custom text
  $contents['custom_text'] = array(
      'info' => t('Custom text'),
      'group' => t('Text'),

  $contents['node'] = array(
      'info' => t('Adding existing node'),
      'group' => t('Node'),

  return $contents;

 * Hook_builder_content_configure($delta = '', $content = array())
function HOOK_builder_content_configure($delta = '', $content = array()) {

  $form = array();
  switch ($delta) {
    case 'node':
      $form['nid'] = array(
          '#type' => 'textfield',
          '#title' => t('Enter node ID or title'),
          '#default_value' => !empty($content['settings']['nid']) ? $content['settings']['nid'] : '',
          '#autocomplete_path' => 'builder/autocomplete/node',
          '#required' => TRUE,
      $view_modes_options = array();
      $view_modes = builder_get_entity_view_modes('node');
      if (!empty($view_modes)) {
        foreach ($view_modes as $key => $vm) {
          $view_modes_options[$key] = $vm['label'];
      $form['view_mode'] = array(
          '#type' => 'select',
          '#title' => t('View mode'),
          '#options' => $view_modes_options,
          '#default_value' => isset($content['settings']['view_mode']) ? $content['settings']['view_mode'] : 'full',
      $form['hide_node_title'] = array(
          '#type' => 'checkbox',
          '#title' => t('Hide node title'),
          '#default_value' => isset($content['settings']['hide_node_title']) ? $content['settings']['hide_node_title'] : FALSE,

    case 'custom_text':
      $form['custom_text'] = array(
          '#type' => 'text_format',
          '#title' => t('Custom text'),
          '#default_value' => isset($content['settings']['custom_text']['value']) ? $content['settings']['custom_text']['value'] : '',
          '#format' => isset($content['settings']['custom_text']['format']) ? $content['settings']['custom_text']['format'] : filter_default_format(),


  return $form;

 * HOOK_builder_content_view()
function HOOK_builder_content_view($delta = '', $content = array()) {
  switch ($delta) {
    case 'node':

      $node_content = '';
      if (!empty($content['settings']['nid'])) {
        $nid = $content['settings']['nid'];
        if ($node = node_load($nid)) {
          if (isset($content['settings']['hide_node_title']) && $content['settings']['hide_node_title']) {
            // hide node title.
            $node->title = FALSE;
          $node_view = node_view($node, $content['settings']['view_mode']);

          $node_content = render($node_view);
      $content['content'] = $node_content;

    case 'custom_text':
      $custom_text_value = isset($content['settings']['custom_text']['value']) ? $content['settings']['custom_text']['value'] : '';
      if (isset($content['settings']['custom_text']['format'])) {
        $custom_text_value = check_markup($custom_text_value, $content['settings']['custom_text']['format']);
      $content['content'] = $custom_text_value;

How do i update Builder Module version ?

Please follow step by step as the bellow to update Builder module:

  1. Extract main download Drupal Builder package from Codecanyon.net/downloads
  2. Extract builder.zip and override this current module in your site : /sites/all/modules/builder
  3. Run the URL http://your-domain.com/update.php
  4. Finally Follow the URL http://your-domain.com/admin/config/development/performance hit “Clear all caches” .

Customer reviews:

Drupal Builder reviews

This is a must have module for drupal. I strongly recommend to any one who is working with drupal. It is easy to use. Smooth, nice and creates awesome displays for pages. I also would like to give high five to TABVN team. they are amazing and really clever and creative in their design and give immediate support and very reliable – @Gennyjones

All commendations for superb work Toan brought to resolving my issues with the recent purchase of the Drupal Drag Drop Builder. Toan gave prompt feedback and solutions on a very professional level receiving a most excellent outcome. I hope to have Toan at my service for any future issues – @Cmdm15


8 July, 2015

+ Added featured: HTML5 video background for unlimited row sections.

11 July, 2015

+ Added featured: Export Builder as Zip file (including images, background ....)
+ Added featured: Import Builder from Exported zip file.
+ Added featured: Builder contents permission for multiple User roles.
+ Caching improvements.

15 July, 2015

+ Fixed issue js of Parallax background section. (updated builder.module file).

18 July, 2015

+ Added: Clone Row section and all columns+contents
+ Added Clone Column and all contents.
+ Added Icon content element for the Builder
+ Added Custom headings element for the Builder
+ Improvements of Image content element allow add link for Image.
+ Fixed XSS for element title.

22 July, 2015

+ Added Animation settings for Row section.
+ Added Animation settings for Column.
+ Added Animation settings for Element content.
+ Improvement of javascript to run with older of jquery version. 
+ Other improvements. 

24 July, 2015

+ Fixed bugs on image upload.

31 July, 2015

+ Added support module Internationalization(i18n) Multilingual.

4 September, 2015

+ Fixed the issue with module i18n + Synchronize translations.

4 Otc, 2015

+ Fixed Hooks implements issue.
+ Fixed column css custom inline issue.

30 Oct, 2015

Added filter elements in Builder contents.

3 Dec, 2015

+ Added node access permission to element node embed.
+ Improvements css for Administrator.

28 December 15

+ Drupal 8: Add new module for Drupal 8

10 March 2016 (Big updates, Please backup your site before update the module).

+ Drupal 8: Add Google map Element.
+ Drupal 8: Add Embed View element.
+ Drupal 8: Add embed Contact form Element.
+ Drupal 8: Add Animation for Element.
+ Drupal 8: Added supported multi-languages + Revision in Core. 

25 March 2016

Updated for Drupal 8.x: Fixed block element adding.