Welcome to Vivid

Build safe, simple and intuitive interfaces using Vonage's design system.

Getting started with:

Vivid provides guidelines, components and tools to help product teams work more efficiently, deliver faster and safer, while providing end-users a single Vonage unique look & feel.

Crafted as web components, the Vivid component library is interoperable with any modern JavaScript framework, or no framework at all.

For Vue.js users, we offer a first-class integration through a native Vue wrapper library.

This library is supported on 2 recent versions of major browsers (Chrome, Firefox, Safari, Edge).

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

We use SemVer for versioning. For the versions available, see the npm page.

See also the list of contributors who participated in this project.

This project is licensed under the Apache 2.0 License - see the LICENSE.md file for details

• Fast - to extend element classes and compile code to native web components
• Typescript - for ergonomic and type-safe code
• Sass - for styles authoring extensibility and consistency
• Floating UI - for positioning floating elements
• Dropzone - for handling dropped files
• Video.js - for playing videos

Still looking for answers, ask us in #ask-vivid Slack channel.