explaingit

piboh/flowonline2

Analysis updated 2026-05-18

1TypeScriptAudience · generalComplexity · 2/5LicenseSetup · easy

TLDR

A browser-based clone of Flowgorithm, the educational flowchart programming tool, that runs without installation and supports the original .fprg file format, a step-by-step debugger, and six color themes.

Mindmap

mindmap
  root((Flowonline2))
    What it does
      Flowchart editor
      Step by step debugger
      Browser only
    Features
      6 color themes
      MDI panel layouts
      Multilingual manual
    File Formats
      FPRG XML
      JSON backup
    Built With
      React 18
      TypeScript
      Tailwind CSS
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Teach programming logic to students using flowcharts without requiring anyone to install Windows software.

USE CASE 2

Open and run existing Flowgorithm .fprg files in a browser on Mac or Linux without the desktop app.

USE CASE 3

Practice algorithm design by drawing flowcharts and stepping through them to watch how variables change at each block.

What is it built with?

TypeScriptReactTailwind CSS

How does it compare?

piboh/flowonline2abidoo22/pixelorama-mcpaditya-pandey/slate
Stars111
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencegeneralvibe codergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

No install needed for end users, the live app is at piboh.github.io/flowonline2. Local dev requires Node and npm.

Use, modify, and distribute freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Flowgorithm is a free Windows program widely used in computer science education that lets students create flowcharts representing programs and then run them to see how the logic works step by step. Flowonline2 is a web-based clone of that tool, built so that anyone with a browser can use the same flowchart editor without needing Windows or installing anything. The editor runs completely in the browser as a static website, which means there is no server processing your work and nothing to log in to. You can draw flowcharts using the same block types as the original program: start and end symbols, assignment, input, output, decision, loops, and function calls. The visual style deliberately copies the original down to the Windows-style title bar and multiple panel layouts, where you can see the flowchart alongside a variable watch panel, a console showing output, or the equivalent source code. Six color themes let you switch the look of the entire editor. There is a built-in interpreter that runs your flowchart and highlights which block is currently executing, auto-scrolling the canvas to keep the active step visible. It supports the same variable and expression rules as the desktop version, including string manipulation functions and case-insensitive variable names. You can save and load files in the .fprg format used by the original desktop Flowgorithm, so work can move between the two without conversion problems. There is also a JSON backup format. The manual, covering variables, math operations, and file format details, is available in five languages: English, Italian, German, French, and Spanish, and can be read from inside the app. For developers who want to run or modify the project locally, it uses React 18, TypeScript, and Tailwind CSS, with standard npm commands for setup and build. The project is licensed under MIT.

Copy-paste prompts

Prompt 1
I am learning programming and my teacher uses Flowgorithm. How do I open my .fprg file in Flowonline2 and run it in the browser without installing anything?
Prompt 2
I want to teach a programming class using flowcharts on machines without Windows. How do I host Flowonline2 locally so students can access it?
Prompt 3
I have a flowchart in Flowonline2. How do I use the step-by-step debugger to pause at each block and inspect what the variables contain?

Frequently asked questions

What is flowonline2?

A browser-based clone of Flowgorithm, the educational flowchart programming tool, that runs without installation and supports the original .fprg file format, a step-by-step debugger, and six color themes.

What language is flowonline2 written in?

Mainly TypeScript. The stack also includes TypeScript, React, Tailwind CSS.

What license does flowonline2 use?

Use, modify, and distribute freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is flowonline2 to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is flowonline2 for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub piboh on gitmyhub

Verify against the repo before relying on details.