Skip to main content

Library overview

Noodl has a lot of nodes available out of the box, but it can never include a node for everything. For that reason you can extend your project with specific modules or prefabs containing nodes and components to capture specfic functionality or UI controls.

The main difference between Modules and Prefabs is that modules install new nodes to the editor, while prefabs clones components built with the core nodes, and stores them as if you created them yourself. Prefabs can be imported as many times as you want, and each clone can be modified how you see fit.

Prefabs​

Noodl's library of prefabs is optimized for quickly building great data rich applications. Use them as is, or make them your own by customizing their internal building blocks.

Popular prefabs

View all

Multi Choice

A component that allows for multi selection in a group of checkboxes.

Table

Component for creating tables from data.

Form

Component for creating dynamic forms.

Navigation Menu

Component for creating navigation menus.

Modules​

Modules extend your project in some way, most commonly by adding new core nodes to your project. These nodes are added to the Node Picker and work like any other core node in Noodl.

Popular modules

View all

Lottie

A module for using Lottie animations in Noodl.

Mapbox

Use this module to add maps and location visualisations to your app.

Chart.js

A module with components to build charts.

GraphQL

A module to help quering data using GraphQL.

QR Scanner

Scan QR codes from camera or images.

MQTT Module

Send and receive messages over the MQTT protocol in web apps.