Vonage / vivid-3

Vonage's web UI 🎨 toolbelt
https://vivid.deno.dev
Apache License 2.0
50 stars 11 forks source link

Welcome to Vivid

[![codecov][codecov-shield]][codecov-url] [![Contributors][contributors-shield]][contributors-url] [![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url] [![Issues][issues-shield]][issues-url] [![Apache 2.0 License][license-shield]][license-url]
Build safe, simple and intuitive interfaces using Vonage's design system.
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.


🤝 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/components/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, Fast, Sass, Floating UI, Dropzone and ❤️