Skip to main content
Skip table of contents

ShapeDiver App Builder

This feature is currently in Beta phase.

The App Builder features of the ShapeDiver plugin and platform allow users to create flexible, customizable single-page web applications using only Grasshopper.

Using the App Builder components of the ShapeDiver plugin, one can control the visibility and logic of interface parameters and expose the results not only through the embedded ShapeDiver 3D viewer but also using images, formatted text sections, and soon other UI elements such as tables, graphs and much more.

It allows the application’s user interface to react to the state of the associated ShapeDiver model. In particular, it allows such things as:

  • Organize the user interface in various UI containers, tabs and widgets.

  • Hide and show parameters and whole sections of the interface depending on the values of model inputs and outputs.

  • Display textual and visual output information depending on the current state.

Quick start

We have given a complete introduction of the App Builder in a foo4rhino webinar. Check out the webinar below:

https://www.youtube.com/watch?v=bgpbulNHgLo

Tutorials

While this section provides in-depth information about the App Builder and its various features, you can get started now from the following hands-on tutorial definitions:

App Builder Tutorial 1: Build a simple static user interface.

App Builder Tutorial 2: Use parametric logic to build a dynamic interface.

App Builder Tutorial 3: Link Export components to image widgets in your apps.

App Builder Tutorial 4: Define charts and graphs.

Read more

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.