# App shell and the day

One frame, and what to do next inside it.

The frame every screen sits in, and what a person should do today.

- Canonical page: https://notchset.dev/kits/shell
- Live pieces: 9 (4 free, 5 Pro)

## Follow the task

1. Move through the app from the sidebar or the command menu.
2. Read what needs you today.
3. Tick a task off, then undo it.

## States

Collapsed and phone layouts, keyboard commands, an agenda that changes as the day goes, a task done and undone.

## Application boundary

The shell lays out navigation and keeps your place. Your application owns routing, permissions and data.

## Install the kit

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

```sh
npx shadcn@latest add @notchset-pro/sidebar @notchset-pro/top-bar @notchset/command-menu @notchset/command-bar @notchset-pro/needs-you @notchset-pro/today-agenda @notchset-pro/task-list @notchset/check-list @notchset/keyboard-hint
```

## Start with free pieces

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

```sh
npx shadcn@latest add https://notchset.dev/r/command-menu.json https://notchset.dev/r/command-bar.json https://notchset.dev/r/check-list.json https://notchset.dev/r/keyboard-hint.json
```

## Live pieces

- [Sidebar](https://notchset.dev/blocks/sidebar) · Pro
- [Top bar](https://notchset.dev/blocks/top-bar) · Pro
- [Command menu](https://notchset.dev/components/command-menu) · Free
- [Command bar](https://notchset.dev/blocks/command-bar) · Free
- [Needs you](https://notchset.dev/blocks/needs-you) · Pro
- [Today's agenda](https://notchset.dev/blocks/today-agenda) · Pro
- [Task list and quick add](https://notchset.dev/blocks/task-list) · Pro
- [Check list and ask tags](https://notchset.dev/blocks/check-list) · Free
- [Keyboard hint](https://notchset.dev/components/keyboard-hint) · Free

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