# No API keys

No API keys: a new API key is added and copied with one click.

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/no-api-keys
- Preview image: https://media.illos.dev/previews/4e53f89b/flat/no-api-keys.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/no-api-keys.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/no-api-keys.json`

On the page, Copy gives the SVG and Download the file.

## How it moves

1. an API keys card holds one key, its secret hidden.
2. the key is deleted, and a click on add brings a new one.
3. 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 (https://illos.dev/library/interface/api-key-copy.md), No assistants connected (https://illos.dev/library/interface/no-assistants.md), API keys (https://illos.dev/library/isometric/api-keys.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)