No API keys
A new API key is added and copied with one click.
Not quite it? Ask for a variation
Install
Writes one React component into components/illos. Nothing else to install.
npx shadcn@latest add https://illos.dev/r/flat/no-api-keys.jsonOr hand it to your agent
Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.
How it moves
- an API keys card holds one key, its secret hidden.
- the key is deleted, and a click on add brings a new one.
- a click on copy turns the copy icon into a tick.
Where it fits
For developer products and API platforms: the API keys page before the first key, the getting-started section of your docs, or a settings page where keys are made and removed. A key deleted, a new one added and copied with a tick shows the whole life of a key, with the secret never shown in full. As a spot it fits above the heading and a Create key button. It is free to copy and pairs with API key copy, No assistants connected and API keys in Isometric.
Pairs well with API key copy, No assistants connected and API keys.
On your site
Read where product illustrations go, how to place an animated SVG and how to keep animations fast.
For developers
- File size
- 3.4 KB gzipped
- Motion
- Plays once, 3.9 s, then holds
- Reduced motion
- Shows a still
- File
- no-api-keys.svg