# Sign-in, settings and developers

Getting in, and the settings that follow.

Getting in, the settings people change, and the keys and webhooks developers need.

- Canonical page: https://notchset.dev/kits/settings
- Live pieces: 6 (4 free, 2 Pro)

## Follow the task

1. Sign in, and try a wrong password.
2. Change a setting and see it saved.
3. Create an API key, copy it once, and add a webhook.

## States

A key shown once, a webhook you retry, a setting that saves or says why it didn't, a wrong password.

## Application boundary

The example keeps fictional accounts and keys in the page. Enforce authentication and authorization in your server.

## Install the kit

Set up your project and authorized Pro registry first:
https://notchset.dev/docs/installation

```sh
npx shadcn@latest add @notchset/sign-in @notchset/settings-layout @notchset-pro/api-key-list @notchset-pro/webhook-list @notchset/secret-reveal @notchset/switch
```

## Start with free pieces

No Pro entitlement is required for these public Base UI URLs.

```sh
npx shadcn@latest add https://notchset.dev/r/sign-in.json https://notchset.dev/r/settings-layout.json https://notchset.dev/r/secret-reveal.json https://notchset.dev/r/switch.json
```

## Live pieces

- [Sign in and onboarding step](https://notchset.dev/blocks/sign-in) · Free
- [Settings layout](https://notchset.dev/blocks/settings-layout) · Free
- [API key list](https://notchset.dev/blocks/api-key-list) · Pro
- [Webhooks](https://notchset.dev/blocks/webhook-list) · Pro
- [Secret reveal](https://notchset.dev/components/secret-reveal) · Free
- [Switch](https://notchset.dev/components/switch) · Free

Each item installs as source in your project. This public guide contains descriptions and installation links, not Pro source.