Vibe Design System FAQs

Question 1

What does Vibe Design System offer?

Accepted Answer

Vibe includes a core component library, an icons library, testing utilities for Playwright, Codemods and CLI tools, Storybook blocks, and styling foundations for a comprehensive development experience.

Question 2

What is Vibe Design System?

Accepted Answer

Vibe Design System is a collection of React.js UI components, icons, and utilities officially provided by monday.com to help developers build applications that align with the monday.com design language.

Question 3

Is there a migration path from Vibe 2 (monday-ui-react-core)?

Accepted Answer

Yes, monday.com recommends migrating to Vibe 3 for the latest improvements and support. A migration guide is available at vibe.monday.com/?path=/docs/migration-guide--docs. Vibe 2 will only receive critical bug fixes.

Question 4

How do I install Vibe Design System?

Accepted Answer

You can install Vibe using npm or yarn. Run `npm install @vibe/core` or `yarn add @vibe/core` to get started. Remember to import the tokens file in your root application: `import "@vibe/core/tokens";`

Question 5

Where can I find the Vibe Design System documentation?

Accepted Answer

Comprehensive documentation, a component catalog, and a playground are available at vibe.monday.com, offering detailed information and examples.

Vibe Design System

关于

主要功能

使用案例