Arazzo Visualizer
See API workflows written in Arazzo
A React component, published on npm, that lints and draws Arazzo specifications: the OpenAPI Initiative's standard for describing sequences of API calls.
Project Overview
Client
Side project
Timeline
August 2025 - November 2025
Role
Builder
Technologies
ReactTypeScriptArazzoOpenAPInpm
The challenge
An Arazzo file describes a workflow, such as log in, add to cart, pay, confirm, as YAML. It is precise but hard to read, and mistakes in step dependencies are easy to miss.
The solution
The component shows each workflow step by step, with the dependencies between steps, the inputs and outputs passed along, and the success criteria. The demo renders a purchase flow and a refund flow.