Node Reference

The main building blocks of Noodl are nodes. Every node has its own specific purpose and is very simple in itself, but together they become really powerful. Here you will find an overview of all Core Nodes, their type and category.

Noodl can also be extended with Modules that give you more nodes to build with. Check out the Module library for the ones that already exist, or the Extending Noodl section to learn how to develop your own.

Node colors

All the nodes in Noodl are color coded to make it easier to visually navigate the Node Canvas.

Visual nodes

Data nodes

Custom code nodes

Logic nodes

Connection nodes

UI Elements

These nodes make up all of the visuals of your app. Put them in your node tree whenever you want to render an element on the screen. These nodes also support Variants and States.

Navigation & Popups

These nodes cover all your navigation needs, everyting from URL and hash based navigation to component replacement. You can either use them to reroute the user to a different views or render content on top of the current view in modals.

Push Component To Stack

Pop Component Stack

Show Popup

Close Popup

Logic & Utilities

Most of the meat in an app comes from logic and data processing. This is your toolbox for working with most logic, data and user interactions, big and small.

Component Utilities

One of the core concepts in Noodl is the ability to create your own reusable components. Here are nodes that help you manage how data passes through them.

Parent Component Object

Set Component Object Properties

Set Parent Component Object Properties

Read & Write Data

No app is complete without content. These are nodes that help you work with dynamic data defined in the app, a Noodl Cloud Service or from any backend of your choice.

Custom Code

Even though most problems can be solved with Noodl's built in base nodes, it's nice to have options for those specific situations that require code. After all, text based coding is quite fun too.