API management screen examples

Steel

Settings page where a modal displays a newly created API key, prompting the user to copy and save the secret before closing.

• Success
• API Keys

Extend

Settings page where the user manages API keys, currently showing a modal with a newly generated test key to copy.

• API Keys
• Confirmation

Visitors

Settings page where the user has just generated a new API key and is presented with a success modal to copy it before it is hidden.

• Confirmation
• API Keys

Dock

Settings page for API access where the user is blocked by a paywall and prompted to upgrade their plan or talk to sales.

• Feature Gate
• Upgrade Prompt

Appwrite

Settings page where the user is prompted to create their first webhook for a project.

• Webhooks
• Empty State

Exa

Usage settings page where the user views their pricing overview filtered by API key and billing cycle, along with a history of past invoices.

• Billing Settings
• Usage

Flora

Workspace settings modal where the user configures access control for AI models by toggling specific models on or off and setting default behavior for new models.

• AI Settings
• Workspace Switcher

Chatwoot

Settings page where the user configures the Dyte integration by entering their Organization ID and API Key, currently showing validation errors in a modal.

• Integrations
• Error

Bird

Settings page where the user confirms the destructive action of deleting a webhook.

• Confirmation
• Webhooks

Documentation.AI

Content editor where the user writes the Introduction to Nicelydone documentation, with an AI assistant panel open on the right to help write and organize.

• Dashboard
• AI Chat

Whop

Settings page where the user manages webhook endpoints for their application, showing a data table with URL, API version, secret, events, and creation time.

• Webhooks
• Table

Mistral

Settings modal where the user views API usage for completion, OCR, agents, and fine-tuning, currently showing no activity for the month.

• Usage
• Settings