NoFlo Examples

Flow-Based Programming for JavaScript

This page lists some demos and applications that have been built with NoFlo. You can also find dozens of projects on NPM. If you have something out in the open that you'd like to add, please drop us a line!

Examples for Node.js

REST with Express

Simple example of building a database-backed REST API with NoFlo and noflo-xpress. Demonstrates using middlewares, and integrating request handling with regular NoFlo components.

Open in Flowhub

Related Resources

Source code

Video presentation

c-base station announcer

System for generating random announcements at the c-base space station. These announcements can be converted to audio or displayed on various information screens.

Security advise. Due to intergalactic regulations, passengers are required to keep their antigravity generators with them at all times.

Open in Flowhub

Related Resources

Source code

Ingress Table

An Internet of Things project build with NoFlo and MicroFlo to visualize Ingress gameplay around the c-base hackerspace in Berlin.

Open in Flowhub

Related Resources

Introductory blog post

Source code

NoFlo drawing robot

Controlling Mirobot drawing robots with NoFlo.

Related Resources

Introductory blog post

Source code

noflo-jekyll

Implementation of the Jekyll static site generator in NoFlo.

Related Resources

Introductory blog post

Source code

Controlling an AR.Drone

Controlling a Parrot AR.Drone with NoFlo

Related Resources

Introductory blog post

Source code


Examples for web browsers

Flowhub

Full integrated development environment for Flow-Based Programming. Supports graph and component editing, running tests, as well as live programming when connected to a FBP runtime.

Run Demo

Related Resources

Introductory blog post

Source code

WebAudio with NoFlo

Virtual Theremin built with NoFlo and WebAudio. Let’s make some noise!

Run Demo

Related Resources

Introductory blog post

Source code

React TODO list with NoFlo

Basic TODO list built with React.js using the Flux pattern adapted to NoFlo.

Run Demo

Related Resources

Introductory blog post

Source code

Analog Clock

Analog clock implemented using NoFlo’s timers and CSS manipulation components.

Run Demo

Related Resources

Introductory blog post

Source code

Draggable image with spring physics

Draggable image with spring physics implemented using NoFlo. Try tuning the spring parameters!

Run Demo

Related Resources

Source code