---
title: "Double sidebar app shell"
description: "Kilnwork's app for a pottery studio: a rail of studios, a section panel that folds two levels deep, and Today with classes and the kiln queue."
plan: Pro
docs: https://ui.edbn.me/docs/templates/app-shell-double-sidebar
---

# Double sidebar app shell

Kilnwork's app for a pottery studio: a rail of studios, a section panel that folds two levels deep, and Today with classes and the kiln queue.

A narrow rail holds the account's studios as initial tiles (the current one filled, each named in a tooltip), Add studio and the signed-in person's menu. Picking a studio moves the frame to it and back to Today. Beside it, the section panel: Today, Classes, Members, Kilns and Settings. Groups fold open to their pages, and Courses folds once more to each course; the current page is marked, and so is a folded group that holds it. The header's panel button or ⌘B folds the panel away, leaving the rail, and ⌘K jumps to search. The page follows the panel, and its heading takes focus after each choice. Today lists the day's classes with times, teachers, rooms and how full each is, the kiln queue with three loads waiting, and Add member and Add class; each course has its sessions and who's enrolled. Under 768px both levels open in a sheet behind a menu button, and the sheet closes once a page is chosen. The sample opens on Glaze lab, two levels down.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/app-shell-double-sidebar
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, badge, breadcrumb, button, card, collapsible, dropdown-menu, input-group, kbd, separator, sheet, sidebar, text-link, tooltip

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More app shells templates

All 3, with install commands: https://ui.edbn.me/docs/templates/app-shells (Markdown: https://ui.edbn.me/docs/templates/app-shells.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt