explaingit

marlkiller/flowforge-crypto

22TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

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

Things people build with this

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.

Tech stack

TypeScriptReactXYFlowViteTanStack RouterShadcn UIWebCrypto API

Getting 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.

In plain English

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.
Open on GitHub → Explain another repo

← marlkiller on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.