Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mondaycom/vibe
🎨 Official monday.com UI resources for application development in React.js
https://github.com/mondaycom/vibe
component-library hacktoberfest hacktoberfest2024 javascript js monday react reactjs typescript ui ui-components ui-library
Last synced: 3 days ago
JSON representation
🎨 Official monday.com UI resources for application development in React.js
- Host: GitHub
- URL: https://github.com/mondaycom/vibe
- Owner: mondaycom
- Created: 2020-10-06T10:27:13.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-11-25T13:30:54.000Z (about 2 months ago)
- Last Synced: 2024-11-26T09:05:31.863Z (about 2 months ago)
- Topics: component-library, hacktoberfest, hacktoberfest2024, javascript, js, monday, react, reactjs, typescript, ui, ui-components, ui-library
- Language: TypeScript
- Homepage: https://vibe.monday.com
- Size: 115 MB
- Stars: 451
- Watchers: 25
- Forks: 319
- Open Issues: 31
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
Vibe Design System
Official monday.com UI resources for application development in React.js
Documentation •
Catalog •
Playground
## Overview
Vibe Design System is a collection of packages designed to streamline your development process and enhance the user experience, by providing a set of components, styles, and guidelines for building applications in React.js.
## Installation
```bash
npm install @vibe/core
# or
yarn add @vibe/core
```
To load all the relevant CSS tokens, import the tokens file in your root application file:
```javascript
import "@vibe/core/tokens";
```
## Usage
Components are imported from the library's root entry:
```javascript
import { Button } from "@vibe/core";
```
## Ecosystem
- [@vibe/core](https://github.com/mondaycom/vibe/blob/master/packages/core/README.md): Core component library
- [@vibe/icons](https://github.com/mondaycom/vibe/blob/master/packages/icons/README.md): Icons library
- [@vibe/testkit](https://github.com/mondaycom/vibe/blob/master/packages/testkit/README.md): Testing utilities for Playwright
- [@vibe/codemod](https://github.com/mondaycom/vibe/blob/master/packages/codemod/README.md): Codemods and CLI tools
- [monday-ui-style](https://github.com/mondaycom/vibe/blob/master/packages/style/README.md): Styling foundations (included in @vibe/core)
- [vibe-storybook-components](https://github.com/mondaycom/vibe/blob/master/packages/storybook-blocks/README.md): Vibe Storybook Blocks
- [storybook-addon-playground](https://github.com/mondaycom/storybook-addon-playground/): A Component Playground Addon for Storybook
## Older Versions
Vibe 2 ([`monday-ui-react-core`](https://www.npmjs.com/package/monday-ui-react-core)) will no longer receive new features or enhancements but will continue to receive critical bug fixes as needed. We highly recommend following the [migration guide](http://vibe.monday.com/?path=/docs/migration-guide--docs) to upgrade to the actively maintained Vibe 3, which includes the latest improvements, new components, and ongoing support.
For version 2 documentation, see [vibe.monday.com/v2](https://vibe.monday.com/v2).
## Contributing
We welcome and encourage every contributor! Please read our [Contribution Guide](http://vibe.monday.com/?path=/docs/contributing--docs).
## Suggestions
If you have any questions or suggestions, please feel free to open a [discussion](https://github.com/mondaycom/vibe/discussions).
Found a bug? Please [open an issue](https://github.com/mondaycom/vibe/issues/new/choose).