top of page
Lottie

A module for using Lottie animations in Noodl.

Noodl.net

Web Camera

Support for accessing the camera in web apps.

Noodl.net

Parse Cloud Function

Call Parse Platform cloud functions.

Noodl.net

Geospatial Analysis

A module for using Turf.js to work with GeoJSON.

Noodl.net

Data Context

Share data between all child components.

Noodl.net

Task List App

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

Noodl.net

Custom Survey App

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

Noodl.net

Star Rating Component

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

Noodl.net

Navigation with URL encoded parameters

This example demonstrates how to use @Multiple values & routing stacks and how to use URL-encoded parameters.

Noodl.net

Swatch Google Sheets Example

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

Noodl.net

Travel App

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

Noodl.net

Mapbox Example

A small app that makes use of the MapBox module to work with maps and place markers.

Noodl.net

Recipe App

A simple app for managing recipes built to demonstrate how to work with Arrays.

Noodl.net

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.

Noodl.net

CRUD Form

An example of CRUD form, CRUD stands for Create, Read, Update, Delete. It shows how to use a simple form to store and retrieve data.

Noodl.net

Conditional Form

An example of a form using Noodl logical nodes to dynamically change what options the user sees based on inputs.

Noodl.net

Javascript Example

An example of how Noodl apps can mix and match visual programming with Javascript by building nodes with the Javascript module.

Noodl.net

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.

Noodl.net

Date Picker

Select a date in your form

Noodl.net

Time Picker

Select a time in your form

Noodl.net

Multi Choice with Pills

Form element that allows users to select multiple options

Noodl.net

Multi Choice

Form element that allows users to select multiple options

Noodl.net

Table

Display information in a table

Noodl.net

Form

Dynamic, customizable, dynamic forms

Noodl.net

List with Icon

Displays a list component with icons and texts

Noodl.net

Navigation Menu

Component for displaying navigation menus

Noodl.net

Media Query

Helper component that listens for breakpoints

Noodl.net

Progress Circle

Displays a circular progress indicator

Noodl.net

Popup Modal

A simple modal for simple popup interactions

Noodl.net

Toast

Small toast message for success, warnings, and errors

Noodl.net

Toggle Switch

A toggle switch component

Noodl.net

Tab Bar

A tab bar component useful for creating tab navigation

Noodl.net

Rating

A star rating component

Noodl.net

Loading Spinner

A spinning loader that can be shown when loading

Noodl.net

Tags

Display pills of tags, with texts and close functionality

Noodl.net

Selection Pills

Form element that allows users to select items in pill formats

Noodl.net

Send Grid

A simple prefab for sending emails with SendGrid

Noodl.net

Mail Gun

A simple prefab for sending emails with MailGun

Noodl.net

Email Verification

Form element that sends verification and validates emails

Noodl.net

OAuth2

OAuth functionality for social user authentication

Noodl.net

OTP

Create functionality for safe OTP-based verification flows

Noodl.net

Stripe

Simple functionality to handle Stripe payments

Noodl.net

Pagination

For pagination, showing multiple items by splitting content

Noodl.net

Pages and Rows

Display information in your page by using content component pages and rows

Noodl.net

Filters

A prefab for creating filter controls that filter displayed content

Noodl.net

Xano

Connects to your backend system, especially if built on Xano

Supabase

Supabase integration for databases and authentication

PDF Viewer

A UI component for rendering PDFs from a URL.

Noodl.net

Mapbox

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

Noodl.net

Chart.js

A module with components to build charts.

Noodl.net

Google Sheets

Use your Google Sheets as a data source for your applications.

Noodl.net

GraphQL

A module to help querying data using GraphQL.

Noodl.net

QR Scanner

Scan QR codes from camera or images.

Noodl.net

Custom HTML

Write your own HTML and pass values to it with template strings.

Noodl.net

Simple Tooltips

Add simple tooltips to your Noodl App.

Noodl.net

Marquee

Add a marquee container to your Noodl App.

Noodl.net

Form Validation

A utility node that makes different kinds of form validation easier.

Noodl.net

Material Icons

The latest material icon set library.

Noodl.net

Font Awesome Brands

The Font Awesome 6 brand icon library.

Noodl.net

Font Awesome Solid

The Font Awesome 6 solid icon library.

Noodl.net

Markdown

Use Markdown in Noodl and style it with CSS.

Noodl.net

Avatar

A module with components to build avatars.

Noodl.net

Image Cropper

Mainly intended for cropping profile pictures.

Noodl.net

Panning and Zooming Control

Implements a pan and zoom view on large images.

Noodl.net

i18next Translation

A module for using i18next in Noodl.

Noodl.net

MQTT Module

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

Noodl.net

Shake Detector

A small module to detect a device shake with the accelerometer.

Noodl.net

Google Analytics

Track user behavior with Google Analytics.

Noodl.net

Component & Templates

Filter items with Category

Jumpstart your development with Fluxscape's library of over 70+ prebuilt components and templates. It includes features like a QR Code Scanner, Stripe integration, authentication modules, and a variety of charts—everything you need to speed up your workflow and streamline project delivery.

bottom of page