API Key Management Page

A developer settings page for creating, viewing, copying, and revoking API keys with usage stats.

SaaS saas developer tables-grids dark-mode complex

Prompt

Create an API key management page:

Header: "API Keys" + "Create new key" button

Create modal: key name, permission scopes (checkboxes), expiration selector, "Generate Key" button, one-time display with copy button and warning

Keys table: Name, Prefix, Permissions badges, Created, Last used, Expiry, Actions (copy, revoke)

Usage stats: API calls chart, rate limit status bar

Use shadcn/ui, Tailwind CSS, dark mode

Share:Share on X