flowforge-crypto
A visual, node-based cryptography workbench for designing, testing, and debugging cryptographic workflows through an intuitive drag-and-drop interface. Built with React 19 & XYFlow.
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.
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.
Where it fits
- Build and test an AES encryption pipeline visually by dragging nodes onto the canvas and wiring inputs to outputs without writing code.
- Debug a JWT signing flow by watching the log panel show timing and status at each step to find where it breaks.
- Prototype a password hashing pipeline using Argon2 and PBKDF2 nodes to compare their outputs side by side.
- Test a full encode-then-encrypt-then-HMAC pipeline interactively and see results update in real time as you adjust parameters.