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
Guillaume Maison(https://twitter.com/gmaison) Rico Trevisan(https://twitter.com/RicoTrevisan)
Supabase
Supabase integration for databases and authentication
Guillaume Maison(https://twitter.com/gmaison) Rico Trevisan(https://twitter.com/RicoTrevisan)
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
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.