top of page
Lottie
Temples and Prefabs

A module for using Lottie animations in Noodl.

Noodl.net

Web Camera
Temples and Prefabs

Support for accessing the camera in web apps.

Noodl.net

Parse Cloud Function
Temples and Prefabs

Call Parse Platform cloud functions.

Noodl.net

Geospatial Analysis
Temples and Prefabs

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

Noodl.net

Data Context
Temples and Prefabs

Share data between all child components.

Noodl.net

Task List App
Temples and Prefabs

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

Noodl.net

Custom Survey App
Temples and Prefabs

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
Temples and Prefabs

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

Noodl.net

Navigation with URL encoded parameters
Temples and Prefabs

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

Noodl.net

Swatch Google Sheets Example
Temples and Prefabs

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

Noodl.net

Travel App
Temples and Prefabs

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
Temples and Prefabs

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

Noodl.net

Recipe App
Temples and Prefabs

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

Noodl.net

Modal Wizard
Temples and Prefabs

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
Temples and Prefabs

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
Temples and Prefabs

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

Noodl.net

Javascript Example
Temples and Prefabs

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
Temples and Prefabs

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
Temples and Prefabs

Select a date in your form

Noodl.net

Time Picker
Temples and Prefabs

Select a time in your form

Noodl.net

Multi Choice with Pills
Temples and Prefabs

Form element that allows users to select multiple options

Noodl.net

Multi Choice
Temples and Prefabs

Form element that allows users to select multiple options

Noodl.net

Table
Temples and Prefabs

Display information in a table

Noodl.net

Form
Temples and Prefabs

Dynamic, customizable, dynamic forms

Noodl.net

List with Icon
Temples and Prefabs

Displays a list component with icons and texts

Noodl.net

Navigation Menu
Temples and Prefabs

Component for displaying navigation menus

Noodl.net

Media Query
Temples and Prefabs

Helper component that listens for breakpoints

Noodl.net

Progress Circle
Temples and Prefabs

Displays a circular progress indicator

Noodl.net

Popup Modal
Temples and Prefabs

A simple modal for simple popup interactions

Noodl.net

Toast
Temples and Prefabs

Small toast message for success, warnings, and errors

Noodl.net

Toggle Switch
Temples and Prefabs

A toggle switch component

Noodl.net

Tab Bar
Temples and Prefabs

A tab bar component useful for creating tab navigation

Noodl.net

Rating
Temples and Prefabs

A star rating component

Noodl.net

Loading Spinner
Temples and Prefabs

A spinning loader that can be shown when loading

Noodl.net

Tags
Temples and Prefabs

Display pills of tags, with texts and close functionality

Noodl.net

Selection Pills
Temples and Prefabs

Form element that allows users to select items in pill formats

Noodl.net

Send Grid
Temples and Prefabs

A simple prefab for sending emails with SendGrid

Noodl.net

Mail Gun
Temples and Prefabs

A simple prefab for sending emails with MailGun

Noodl.net

Email Verification
Temples and Prefabs

Form element that sends verification and validates emails

Noodl.net

OAuth2
Temples and Prefabs

OAuth functionality for social user authentication

Noodl.net

OTP
Temples and Prefabs

Create functionality for safe OTP-based verification flows

Noodl.net

Stripe
Temples and Prefabs

Simple functionality to handle Stripe payments

Noodl.net

Pagination
Temples and Prefabs

For pagination, showing multiple items by splitting content

Noodl.net

Pages and Rows
Temples and Prefabs

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

Noodl.net

Filters
Temples and Prefabs

A prefab for creating filter controls that filter displayed content

Noodl.net

Xano
Temples and Prefabs

Connects to your backend system, especially if built on Xano

Supabase
Temples and Prefabs

Supabase integration for databases and authentication

PDF Viewer
Temples and Prefabs

A UI component for rendering PDFs from a URL.

Noodl.net

Mapbox
Temples and Prefabs

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

Noodl.net

Chart.js
Temples and Prefabs

A module with components to build charts.

Noodl.net

Google Sheets
Temples and Prefabs

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

Noodl.net

GraphQL
Temples and Prefabs

A module to help querying data using GraphQL.

Noodl.net

QR Scanner
Temples and Prefabs

Scan QR codes from camera or images.

Noodl.net

Custom HTML
Temples and Prefabs

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

Noodl.net

Simple Tooltips
Temples and Prefabs

Add simple tooltips to your Noodl App.

Noodl.net

Marquee
Temples and Prefabs

Add a marquee container to your Noodl App.

Noodl.net

Form Validation
Temples and Prefabs

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

Noodl.net

Material Icons
Temples and Prefabs

The latest material icon set library.

Noodl.net

Font Awesome Brands
Temples and Prefabs

The Font Awesome 6 brand icon library.

Noodl.net

Font Awesome Solid
Temples and Prefabs

The Font Awesome 6 solid icon library.

Noodl.net

Markdown
Temples and Prefabs

Use Markdown in Noodl and style it with CSS.

Noodl.net

Avatar
Temples and Prefabs

A module with components to build avatars.

Noodl.net

Image Cropper
Temples and Prefabs

Mainly intended for cropping profile pictures.

Noodl.net

Panning and Zooming Control
Temples and Prefabs

Implements a pan and zoom view on large images.

Noodl.net

i18next Translation
Temples and Prefabs

A module for using i18next in Noodl.

Noodl.net

MQTT Module
Temples and Prefabs

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

Noodl.net

Shake Detector
Temples and Prefabs

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

Noodl.net

Google Analytics
Temples and Prefabs

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