Vivid Logo Vivid
Vivid components illustration

Welcome to Vivid

Build safe, simple and intuitive interfaces using Vonage's design system.
Getting started with:

What Is Vivid?

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.

Features

Support Matrix

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

Contributing

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

Versioning

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

Authors

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

License

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

Built With ♡ And

  • 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

Have questions?

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