---
title: "Setup checklist"
description: "A setup guide with progress, one open step at a time, a locked final step, and an all-done state you can hide."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/setup-checklist
---

# Setup checklist

A setup guide with progress, one open step at a time, a locked final step, and an all-done state you can hide.

The next step to do is open, with what it involves and a button that does it; any step opens with Enter or a click. Running a step shows a spinner, ticks it off, opens the next one and moves focus there. The last step stays locked, and says why, until the rest are done. With everything done the header says so and the guide can be hidden, and shown again.

A Pro block 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/setup-checklist
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, button, card, collapsible, progress, separator, spinner, text-link

## Source

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

## More onboarding blocks

All 3, with install commands: https://ui.edbn.me/docs/blocks/onboarding · https://ui.edbn.me/docs/blocks/onboarding.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