Task List App

This example implements a small task list app that stores task in a database.

Custom Survey App

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

Star Rating Component

A small example that implements an animated interactive star rating component.

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..

Mapbox Example

A small app that makes use of the MapBox module to implement a map with markers.

Recipe App

A small app that makes use of the MapBox module to implement a map with markers.

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.

CRUD 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.

Examples Overview

All example projects