/vivid-3

Vonage's web UI 🎨 toolbelt

Primary LanguageTypeScriptApache License 2.0Apache-2.0

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
Report Bug | Request Feature


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

view components status

Follow our API planning on the Vivid project components' view

Tagged (next) release is published 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).


🤝 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

npx nx g @vonage/nx-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 ❤️