https://github.com/vonage/vivid-3
Vonage's web UI 🎨 toolbelt
https://github.com/vonage/vivid-3
Last synced: 3 months ago
JSON representation
Vonage's web UI 🎨 toolbelt
- Host: GitHub
- URL: https://github.com/vonage/vivid-3
- Owner: Vonage
- License: apache-2.0
- Created: 2021-11-03T22:23:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T09:18:14.000Z (8 months ago)
- Last Synced: 2024-10-29T10:56:14.131Z (8 months ago)
- Language: TypeScript
- Homepage: https://vivid.deno.dev
- Size: 269 MB
- Stars: 54
- Watchers: 11
- Forks: 11
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
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](https://github.com/Vonage/vivid-3/issues). You can also take a look at the [contributing guide](.github/CONTRIBUTING.md).
### 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](docs/ui-test/readme.md) for how to run visual tests.
## Show your support
Give a ⭐️ if this project helped you!
## 📝 License
This project is [Apache 2.0][license-url] licensed.
##### Built With [Typescript](https://www.typescriptlang.org), [Fast](https://fast.design), [Sass](https://sass-lang.com), [Floating UI](https://floating-ui.com), [Dropzone](https://dropzone.dev) and ❤️
[codecov-shield]: https://img.shields.io/codecov/c/gh/Vonage/vivid-3?style=for-the-badge&token=74ALFP2OR2
[codecov-url]: https://codecov.io/gh/Vonage/vivid-3
[contributors-shield]: https://img.shields.io/github/contributors/vonage/vivid-3.svg?style=for-the-badge
[contributors-url]: https://github.com/vonage/vivid-3/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/vonage/vivid-3.svg?style=for-the-badge
[forks-url]: https://github.com/vonage/vivid-3/network/members
[stars-shield]: https://img.shields.io/github/stars/vonage/vivid-3.svg?style=for-the-badge
[stars-url]: https://github.com/vonage/vivid-3/stargazers
[issues-shield]: https://img.shields.io/github/issues/vonage/vivid-3.svg?style=for-the-badge
[issues-url]: https://github.com/vonage/vivid-3/issues
[license-shield]: https://img.shields.io/github/license/vonage/vivid-3.svg?style=for-the-badge
[license-url]: LICENSE.md
[license-url]: LICENSE.md