whatisgithub

What is flowforge-crypto?

marlkiller/flowforge-crypto — explained in plain English

Analysis updated 2026-06-24

22TypeScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

A browser-based drag-and-drop workbench for building and testing cryptography pipelines visually, letting you chain hashing, encryption, encoding, and key-derivation steps without writing code.

Mindmap

mindmap
  root((FlowForge Crypto))
    What it does
      Visual crypto pipeline builder
      Real-time execution
      Log panel with timing
    Node types
      Hashing SHA-256 SHA-3 MD5
      Encryption AES ChaCha20 RSA
      Encoding Base64 Hex Base58
      Key derivation PBKDF2 Argon2
      HMAC and JWT and OTP
    Tech stack
      React 19
      XYFlow
      Vite
      WebCrypto API
    Deployment
      Live public demo
      Local via npm
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

Build and test an AES encryption pipeline visually by dragging nodes onto the canvas and wiring inputs to outputs without writing code.

USE CASE 2

Debug a JWT signing flow by watching the log panel show timing and status at each step to find where it breaks.

USE CASE 3

Prototype a password hashing pipeline using Argon2 and PBKDF2 nodes to compare their outputs side by side.

USE CASE 4

Test a full encode-then-encrypt-then-HMAC pipeline interactively and see results update in real time as you adjust parameters.

What is it built with?

TypeScriptReactXYFlowViteTanStack RouterShadcn UIWebCrypto API

How does it compare?

marlkiller/flowforge-cryptoaerdelan/housand-domaintoolmatrixalibaba/webmcp-nexus
Stars222222
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasymoderate
Complexity2/52/53/5
Audiencedeveloperdeveloperdeveloper

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

How do you get it running?

Difficulty · easy Time to first run · 5min

Available immediately via a public live demo with no install, local use requires Node.js 18+ and a few npm commands.

No license information was mentioned in the explanation.

So what is it?

FlowForge Crypto is a browser-based workbench for working with cryptography, built to let you design, test, and debug security-related data transformations by dragging and connecting blocks on a visual canvas. Instead of writing code, you place nodes on a graph and wire them together, and the tool runs the computation in real time so you can see results as you build. The node library covers a wide range of cryptographic operations. You can hash data using SHA-256, SHA-3, or MD5, encrypt and decrypt with symmetric ciphers like AES and ChaCha20-Poly1305, or use asymmetric methods like RSA and elliptic-curve cryptography. The tool also includes encoding nodes (Base64, Hex, Base58), key-derivation functions like PBKDF2 and Argon2, message authentication via HMAC, and utilities for working with JSON Web Tokens and one-time passwords. Each time you change a connection or adjust a parameter, the graph re-executes immediately. A log panel shows the timing and status of every step, which makes it easier to spot where a pipeline breaks or slows down. The project is built with React 19 and XYFlow for the graph interface, along with Vite, TanStack Router, and Shadcn UI components. It runs as a static web app and there is a live demo hosted publicly. For local use, you need Node.js version 18 or later and can install and start it with a few npm commands. The codebase is organized into a registry that tracks all node types, an engine that handles the order of execution and data flow, and a service layer that wraps the browser's built-in WebCrypto API plus third-party libraries. The readme is short and does not include advanced usage examples or documentation beyond the feature list and setup steps.

Copy-paste prompts

Prompt 1
Using FlowForge Crypto, build a pipeline that takes a plaintext string, hashes it with SHA-256, encrypts the result with AES, then Base64-encodes the output. Show me which nodes to place and how to wire them.
Prompt 2
How do I use the FlowForge Crypto log panel to debug a pipeline step that is producing unexpected output? What information does it show for each node?
Prompt 3
Show me how to set up a JSON Web Token signing pipeline in FlowForge Crypto: which nodes do I need and how do I configure the secret key?
Prompt 4
How do I run FlowForge Crypto locally with Node.js 18? Give me the exact npm commands to install and start the dev server.

Frequently asked questions

What is flowforge-crypto?

A browser-based drag-and-drop workbench for building and testing cryptography pipelines visually, letting you chain hashing, encryption, encoding, and key-derivation steps without writing code.

What language is flowforge-crypto written in?

Mainly TypeScript. The stack also includes TypeScript, React, XYFlow.

What license does flowforge-crypto use?

No license information was mentioned in the explanation.

How hard is flowforge-crypto to set up?

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

Who is flowforge-crypto for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.