All projects · SaaS Product Tools
KeyVault — API Keys
A secret API key management panel that generates, masks, reveals, copies, and regenerates a developer API key entirely in the browser.
A secret API key management panel that generates, masks, reveals, copies, and regenerates a developer API key entirely in the browser. Presents a realistic developer-console experience with confirmation-guarded key rotation and clear security messaging.
- Cryptographically-random 32-char key generation via crypto.getRandomValues with a graceful Math.random fallback
- Mask/reveal toggle showing prefix + last-4, with copy-real-key-even-while-masked behavior and toast feedback
- Destructive key regeneration gated behind a confirmation modal that bumps a version counter to explicitly invalidate the old key
- Persistent state in localStorage with session-only reveal visibility that always resets to masked
Built with: HTML, CSS, Vanilla JavaScript, Web Crypto API (crypto.getRandomValues), localStorage, Clipboard API, Google Fonts (Sora, Outfit, JetBrains Mono)