OAuth 2.0 Flow Visualizer (Auth Code + PKCE)

Visual walkthrough of the OAuth 2.0 Authorization Code flow with PKCE — the recommended modern pattern for browser and mobile apps. Fill in client_id, scopes, etc., get the exact authorization URL to redirect users to. Paste a callback URL on return to parse the code / state / error parameters.

Step 1: Build authorization URL

Step 2: Parse callback URL