---
title: "Class schedule"
description: "Kilnwork's week of classes in the studio app: drag classes between slots, room clashes refused, rosters with check-in, and moves to publish."
plan: Pro
docs: https://ui.edbn.me/docs/templates/class-schedule
---

# Class schedule

Kilnwork's week of classes in the studio app: drag classes between slots, room clashes refused, rosters with check-in, and moves to publish.

The Kilnwork frame from the double sidebar app shell, with Classes and Schedule open. The page header has the week's totals, a filter by room or teacher and Add class. Under it, the week-schedule block at full size. From 768px the grid fills the window and scrolls inside itself under sticky day headings, opening an hour before now; on a phone the page scrolls and opens on the day. Drag a class by pointer, touch or its grip and the arrow keys, snapping to the half hour; a room that's taken refuses the move and says why. A class's popover has its roster with check-in switches, Message class, Move to… and Cancel class, and every change waits in a bar to publish or discard. The sample opens with one move waiting in the bar (Friday's wheel class, moved half an hour earlier); without it, the week as published. A class's roster opens on click.

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/class-schedule
```

## Dependencies
- npm: lucide-react@^1.33.0, @dnd-kit/core@^6.3.1
- edbn: edbn-base, alert-dialog, avatar, breadcrumb, button, button-group, collapsible, dialog, dropdown-menu, field, input-group, item, kbd, popover, select, separator, sheet, sidebar, spinner, switch, text-link, textarea, toggle-group, 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 workspace templates

All 5, with install commands: https://ui.edbn.me/docs/templates/workspace (Markdown: https://ui.edbn.me/docs/templates/workspace.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