Posted : admin On 1/25/2022

The DrupalGap tool set is dedicated to Drupal 7 application development. Learn more about DrupalGap's innards; Getting Started. Try the Hello World for DrupalGap. Get A Weekly Email With Trending Projects For These Topics. Unsubscribe easily at any time. What is DrupalGap used for? Build custom apps for Drupal 8, with one set of code, and then deploy them to a wide range of app stores, devices and browsers.

What is DrupalGap?

DrupalGap is an open source application development kit for Drupal websites. It can be used to easily build custom multi-platform mobile apps and web apps for Drupal websites.

  1. The DrupalGap application development kit's features are supported out-of-the-box and ready for the headless experience. (learn more) Drupal Module This module allows applications built with DrupalGap to communicate with Drupal websites. The DrupalGap module (for Drupal 7) depends on the Services and Views Datasource modules.
  2. Home Global drupalgapback drupalgapbackexit drupalgapdeviceready drupalgapdevicereadyoptions.

Mobile Application Development Kit

With the DrupalGap application development kit, developers can create mobile apps that communicate with their Drupal websites. (learn more)

Web Application Development Kit

The DrupalGap application development kit can also be used to build web apps, which is perfect for a 'headless' Drupal. (learn more)

Drupal Module

The DrupalGap Module is the connection between an application(s) and its Drupal website.

Try a Demo

Installing a Contributed Module


  1. Visit the Modules page to locate a contributed module
  2. Download a tag of the module from the project home page on GitHub
  3. Place the module in www/app/modules (not in www/modules)
  4. Tell DrupalGap about the module in settings.js:

DrupalGap will automatically load your module's JavaScript file into the app.

Module options



For custom modules, use custom instead of contrib and place your modules into the app/modules/custom folder.

When using the loaded option as true, you can include your module's JavaScript file(s) manually within the index.html file's <head>:

By default DrupalGap uses false as the value for loaded and will attempt to automatically load your module's JavaScript file into the DOM.