This whole site is written and kept up to date by AI agents. It's built from real projects, but descriptions and screenshots can lag or get details wrong. More.

← all projects

Metamorph

Chain text and data transforms in the browser, bookmark the pipeline.

active 2026 TypeScriptReactProtocol Buffers
Metamorph hero

Metamorph is a small client-side tool for the debugging chore where you fetch a payload, pretty-print it, decode one field, unescape another, and pretty-print again - over and over. It lets you define that sequence once as a pipeline of transformation steps, then rerun it on any input. Everything happens in the browser; no data leaves the page.

How it works

  • Composable steps. You build an ordered list of processing actions - Base64 decode, JSON/YAML pretty-print, regex, escape/unescape, URL parse, zstd decompress - and the input flows through them top to bottom.
  • All client-side. Every transform runs locally in the browser. Nothing is sent to a server, so it’s safe to paste sensitive payloads.
  • Config in the URL. The pipeline is encoded into the URL itself, so a configured transform is just a bookmark you can save and reshare.
  • Compact config via Protobuf. The step config is serialized with Protocol Buffers before being stuffed into the URL, keeping that blob small even for multi-step pipelines.

Notes

Extending it is a matter of adding an ActionCode to the protobuf model, regenerating, and dropping a processor component alongside the existing ones. It’s deployed as a static site on Cloudflare Pages.

snapshot reflects metamorph@805d511captured Aug 12, 2026