Modules
Modules allow you to extend Noodl by installing new core nodes to use in your app. They are often used for third party integrations or complex UI.
Learn how to add a module to your project here, or how you can extend Noodl yourself by building your own module with JavaScript or TypeScript here.
All modules
PDF Viewer
A UI component for rendering PDFs from an URL.
Mapbox
Use this module to add maps and location visualisations to your app.
Chart.js
A module with components to build charts.
Google Sheets
Use your google sheets as a data source for your applications.
GraphQL
A module to help quering data using GraphQL.
QR Scanner
Scan QR codes from camera or images.
Custom HTML
Write your own HTML and pass values to it with template strings. Useful for embeds.
Simple Tooltips
Add simple tooltips to your Noodl App.
Marquee
Add a marquee container to your Noodl App.
Form Validation
A utility node that makes different kind of form validation easier.
Material Icons
The latest material icon set library.
Font Awesome Brands
The Font Awesome 6 brand icon library.
Font Awesome Solid
The Font Awesome 6 solid icon library.
Markdown
Use Markdown in Noodl and style it with CSS.
Avatar
A module with components to build avatars.
Image Cropper
Image Cropper Module. Mainly intended for cropping profile pictures.
Panning and Zooming Control
A control that implements a pan and zoom view on large images.
i18next Translation
A module for using i18next in Noodl.
MQTT Module
Send and receive messages over the MQTT protocol in web apps.
Shake Detector
A small module to detect a device shake with the accelerometer.
Google Analytics
Track user behavior with Google Analytics.
Lottie
A module for using Lottie animations in Noodl.
Web Camera
Support for accessing the camera in web apps.
Parse Cloud Function
Call Parse Platform cloud functions.
Geospatial Analysis
A module for using Turf.js to making it easy to working with GeoJSON.
Data Context
Share data between all child components.