Vivid Logo

Welcome to Vivid

codecov Contributors Forks Stargazers Issues Apache 2.0 License

Vonage's design system platform targeted to provide
incorporated, battery-charged web components.
Explore the docs


Vivid philosophy favors lock-down over white labeling strategy, utilizing high-level design tokens to customize UI systematically rather than permuting components directly (to a balanced degree). This guideline help keep integration processes ergonomic and the UI consistent.


Roadmap

Follow our API planning on the Vivid project components' view

We publish a canary release on every successful merge to main, so you never need to wait for a new stable version to make use of any updates.

See the open issues for a full list of proposed features (and known issues).


view components status

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check issues page. You can also take a look at the contributing guide.


Getting started

Generator a new component

npm run nx workspace-generator vivid-component my-component

Will generate a new component in libs/componnts/src/lib/my-component

Test

npm run test components will run unit tests for the components See the ui-tests docs for how to run visual tests.

Show your support

Give a ⭐️ if this project helped you!


📝 License

This project is Apache 2.0 licensed.



Built With Typescript, Lit, Sass and ❤️