OAuth Flow Visualizer

Understand OAuth 2.0 visually

OAuth 2.0 is the standard for delegated authorization, but its flows involve several parties and steps that are hard to follow in the abstract. This tool visualises the standard OAuth 2.0 flows, so you can see how the tokens and redirects actually move.

Why visualising OAuth helps

OAuth 2.0 coordinates a user, a client application, an authorization server and a resource server through a sequence of redirects and token exchanges, and understanding which party holds what at each step is essential to implementing or debugging it correctly. Reading the spec, the flow is abstract; seeing it laid out, the authorization request, the redirect, the code exchange, the access token, makes the roles and the security properties clear. This understanding is what prevents the common OAuth implementation mistakes that lead to security holes, so visualising the flow is genuinely valuable.

The flow made clear

It runs entirely in your browser, so nothing you paste is uploaded and the result is yours to copy straight into a project. Because it works client-side, you can use it on private code and data without anything leaving your machine.

Related tools

• JSON Formatter — Format and beautify JSON in your browser. Pinpoints syntax errors by line and column, flags unsafe integers, and never uploads your data to a server.
• JSON Validator — Validate JSON syntax with precise line and column errors, and check documents against a JSON Schema. Runs locally in your browser, nothing uploaded.
• Regex Tester — Test regular expressions against sample text with live match highlighting, capture groups and flag control. Runs entirely in your browser.
• HTML Minifier — Minify HTML by removing comments and redundant whitespace, without breaking inline elements or pre blocks. Runs entirely in your browser.