---
title: "Team blocks"
description: "3 Pro team blocks for React. The people behind a product, and the roles open."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/team
---

# Team blocks

3 Pro team blocks for React. The people behind a product, and the roles open.

## Installation

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 any block by name, for example:

```bash
npx shadcn@4.19.0 add @edbn/team-grid
```

## Blocks
- [Team grid](https://ui.edbn.me/docs/blocks/team-grid): A heading and a line, then eight people with initials, name, role and place, and an email or website link for each.
  Install: `npx shadcn@4.19.0 add @edbn/team-grid`
- [Team with photo](https://ui.edbn.me/docs/blocks/team-with-photo): A workspace photo beside the team's story, five people with initials, name and role, and a link to the open roles.
  Install: `npx shadcn@4.19.0 add @edbn/team-with-photo`
- [Open roles](https://ui.edbn.me/docs/blocks/open-roles): A careers list with a department filter and counts, rows of title, team, place and full or part time, and an empty state.
  Install: `npx shadcn@4.19.0 add @edbn/open-roles`

All blocks: https://ui.edbn.me/docs/blocks (Markdown: https://ui.edbn.me/docs/blocks.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