Import Web SDK via CDN

Univer Bases 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, RPC, formula engine, render engine, Design, UI, Core Facade, license, formula engine, and collaboration client.
  3. Load the Bases files below. Keep every @univerjs and @univerjs-pro package on the same version.
HTML
<script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/index.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/index.js"></script><script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/facade.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/facade.js"></script><script src="https://unpkg.com/@univerjs-pro/bases/lib/umd/locale/en-US.js"></script><script src="https://unpkg.com/@univerjs-pro/bases-ui/lib/umd/locale/en-US.js"></script><link rel="stylesheet" href="https://unpkg.com/@univerjs-pro/bases-ui/lib/index.css" />

The files expose UniverProBases, UniverProBasesUi, UniverProBasesFacade, UniverProBasesUiFacade, UniverProBasesEnUS, and UniverProBasesUiEnUS. Merge the two locale objects when constructing Univer, then register UniverBasesPlugin and UniverBasesUIPlugin from the first two namespaces.

For a complete package-manager setup, return to Installation & Basic Usage.

How is this guide?

© 2026 DreamNum Co., Ltd.