Repository files navigation

Officialmonday.com UI resources for application development in React.js

Documentation •Catalog •Playground

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.

npm install @vibe/core# oryarn add @vibe/core

To load all the relevant CSS tokens, import the tokens file in your root application file:

import"@vibe/core/tokens";

Components are imported from the library's root entry:

import{Button}from"@vibe/core";

Vibe requires React and React DOM as peer dependencies, ranging from version 16.9.0 up to 18.2.x.Please note that Vibe is currently not compatible with React 19.

• @vibe/core: Core component library
• @vibe/icons: Icons library
• @vibe/testkit: Testing utilities for Playwright
• @vibe/codemod: Codemods and CLI tools
• monday-ui-style: Styling foundations (included in @vibe/core)
• vibe-storybook-components: Vibe Storybook Blocks
• storybook-addon-playground: A Component Playground Addon for Storybook

Vibe 2 (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 themigration guide to upgrade to the actively maintained Vibe 3, which includes the latest improvements, new components, and ongoing support.

For version 2 documentation, seevibe.monday.com/v2.

We welcome and encourage every contributor! Please read ourContribution Guide.

If you have any questions or suggestions, please feel free to open adiscussion.

Found a bug? Pleaseopen an issue.