# Import Web SDK via CDN

- Human documentation: [https://docs.univer.ai/guides/boards/getting-started/installation/cdn](https://docs.univer.ai/guides/boards/getting-started/installation/cdn)

- Agent Markdown: [https://docs.univer.ai/guides/boards/getting-started/installation/cdn.md](https://docs.univer.ai/guides/boards/getting-started/installation/cdn.md)

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

- Source: [boards/getting-started/installation/cdn.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/boards/getting-started/installation/cdn.mdx)

---

Univer Boards has no preset UMD bundle. Use plugin mode to add it to an existing Univer UMD runtime; the following block is not a standalone runtime.

## Load in dependency order

1. Load React, ReactDOM, and RxJS.
2. Load the shared Univer dependencies: Core and Core Facade, render, Design, UI, Docs and Docs UI, Drawing and Drawing UI, license, shape engine and its Facade, Ink and Ink UI, and Shape Editor and its UI.
3. Load the Boards files below. Keep every `@univerjs` and `@univerjs-pro` package on the same version.

```html
<script src="https://unpkg.com/@univerjs-pro/boards/lib/umd/index.js"></script>
<script src="https://unpkg.com/@univerjs-pro/boards-ui/lib/umd/index.js"></script>
<script src="https://unpkg.com/@univerjs-pro/boards/lib/umd/facade.js"></script>
<script src="https://unpkg.com/@univerjs-pro/boards-ui/lib/umd/facade.js"></script>
<script src="https://unpkg.com/@univerjs-pro/boards-ui/lib/umd/locale/en-US.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@univerjs-pro/boards-ui/lib/index.css" />
```

The files expose `UniverProBoards`, `UniverProBoardsUi`, `UniverProBoardsFacade`, and `UniverProBoardsUiEnUS`. The Boards UI Facade file adds methods to the existing Board facade and does not create another global. Merge the locale object when constructing Univer, then register `UniverBoardsPlugin` and `UniverBoardsUIPlugin` from the first two namespaces.

For a complete package-manager setup, return to [Installation & Basic Usage](https://docs.univer.ai/guides/boards/getting-started/installation.md).