Sequence DiagramFeatured

OAuth 2.0 Authentication Flow

Complete OAuth 2.0 authorization code flow between client, authorization server, and resource server.

Interactive Preview

When to Use This Template

Third-party Login

Enable Google/GitHub login in your app.

API Authorization

Secure API access with tokens.

Mermaid Code

sequenceDiagram
    participant U as User
    participant C as Client
    participant A as Auth Server
    participant R as Resource Server
    
    U->>C: Click Login
    C->>A: Authorization Request
    A->>U: Login Prompt
    U->>A: Credentials
    A->>C: Authorization Code
    C->>A: Token Request
    A->>C: Access Token
    C->>R: API Call + Token
    R->>C: Protected Data

How to Customize

Click "Use Template" to open in the editor

Modify the Mermaid code on the left side

Change themes, colors, and arrow styles

Add animations with Director Mode (Pro)

Export as PNG, SVG, or PDF

OAuth 2.0 Authentication Flow

When to Use This Template

Third-party Login

API Authorization

Mermaid Code

How to Customize

User Registration Flow

E-commerce Checkout Flow

Document Approval Process

Create Your Own