# @vonage/vivid

> The component library of the Vivid design system, provided as a set of web components.

Latest version **5.32.0** (published 2026-10-28) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @vonage/vivid
pnpm add @vonage/vivid
yarn add @vonage/vivid
bun add @vonage/vivid
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads; large bundle.

## Facts

| | |
|---|---|
| Version | 5.32.0 |
| Published | 2026-10-28 |
| First published | 2021-07-04 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 20 |
| Unpacked size | 16.5 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | vvd, jstaylor76, richard.helm.vonage |

## Links

- npm: https://www.npmjs.com/package/@vonage/vivid
- Repository: https://github.com/Vonage/vivid-3
- Homepage: https://apps.vivid.vonage.com
- Issues: https://github.com/Vonage/vivid-3/issues
- npm.io page: https://npm.io/package/@vonage/vivid

## Dependencies (20)

- [uuid](https://npm.io/package/uuid.md) ^14.0.2
- [date-fns](https://npm.io/package/date-fns.md) ^4.4.0
- [video.js](https://npm.io/package/video.js.md) ^8.24.1
- [dompurify](https://npm.io/package/dompurify.md) ^3.4.16
- [@floating-ui/dom](https://npm.io/package/@floating-ui/dom.md) ^1.8.0
- [prosemirror-view](https://npm.io/package/prosemirror-view.md) 1.41.8
- [vanilla-colorful](https://npm.io/package/vanilla-colorful.md) ^0.7.2
- [prosemirror-model](https://npm.io/package/prosemirror-model.md) 1.25.4
- [prosemirror-state](https://npm.io/package/prosemirror-state.md) ^1.4.4
- [prosemirror-keymap](https://npm.io/package/prosemirror-keymap.md) ^1.2.3
- [prosemirror-history](https://npm.io/package/prosemirror-history.md) ^1.5.1
- [prosemirror-commands](https://npm.io/package/prosemirror-commands.md) ^1.7.2
- [prosemirror-gapcursor](https://npm.io/package/prosemirror-gapcursor.md) ^1.4.1
- [prosemirror-transform](https://npm.io/package/prosemirror-transform.md) ^1.12.2
- [prosemirror-dropcursor](https://npm.io/package/prosemirror-dropcursor.md) ^1.8.4
- [prosemirror-inputrules](https://npm.io/package/prosemirror-inputrules.md) ^1.5.1
- [@microsoft/fast-element](https://npm.io/package/@microsoft/fast-element.md) ^2.10.5
- [prosemirror-schema-basic](https://npm.io/package/prosemirror-schema-basic.md) ^1.2.5
- [scroll-into-view-if-needed](https://npm.io/package/scroll-into-view-if-needed.md) ^3.1.0
- [@microsoft/fast-web-utilities](https://npm.io/package/@microsoft/fast-web-utilities.md) ^6.0.0

## Recent versions

- 5.32.0 (latest) — 2026-10-28
- 5.23.1-preview.0 (preview) — 2026-07-08
- 2.46.3 (vivid-2) — 2026-05-11
- 3.0.0-next.139 (next) — 2023-01-26
- 3.0.0-nouse.0 (nouse) — 2022-05-04
- 3.0.0-test.0 (test) — 2022-05-04
- 5.31.0 — 2026-10-22
- 5.30.0 — 2026-10-12
- 5.29.0 — 2026-09-29
- 5.28.1 — 2026-09-14
- 5.28.0 — 2026-09-09
- 5.27.0 — 2026-09-03
- 5.25.0 — 2026-08-12
- 5.24.0 — 2026-07-20
- 5.23.1 — 2026-07-09
- … 343 more at https://npm.io/package/@vonage/vivid/versions

## README

# Vivid Web Components

The component library of the Vivid design system, provided as a set of web components.

[View Documentation](https://apps.vivid.vonage.com/)

---
_Source: https://npm.io/package/@vonage/vivid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._