Skip to main content

Examples Overview

All example projects

Custom Survey App

This app is a simple user survey. It shows how to work with navigation, visual and interaction states and custom components.

Navigation with URL encoded parameters

This example demonstrated how to use **Multiple levels of navigation stacks** and how to **Encode Parameters in the URL** to pass values between pages.

Suatch Google Sheets Example

A cool color picker that can helps a designer to pick good colors. Uses the Google Sheet Module.

Travel App

This app for travelers shows a number of destinations in a card like **horizontal list**. It also includes a simple **Navigation** system..

Modal Wizard

This example shows how to use a Component Stack in combination with a Popup to create a simple modal wizard-type of form.


An example of a CRUD form. CRUD stands for Create, Read, Update and Delete, and the example shows how to do these actions using the Noodl data nodes.

Conditional Form

An example of a form using Noodl logical nodes to change contents depending on what options the user picks in the form.

Javascript Example

An example that shows how you can mix and match nodes with Javascript in Noodl. It implements a multi select list with a couple of operations on the list, such as batch delete and copy.

Sign Up / Sign In Form

This app includes a simple Sign Up / Sign In form, including buttons for requesting a new password and validating your email.