Are you the author? Sign in to claim
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Official monday.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
# or
yarn 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 includes an MCP (Model Context Protocol) server that provides intelligent assistance for working with Vibe components. The MCP server can help you discover component APIs, get usage examples, find appropriate icons, and follow best practices.
To get started, follow the installation instructions in the @vibe/mcp docs to integrate it in your preferred AI development tools.
Vibe 3 (@vibe/core v3) 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 to upgrade to the actively maintained Vibe 4, which includes the latest improvements, new components, and ongoing support.For version 3 documentation, see vibe.monday.com/v3.
Vibe 2 (monday-ui-react-core) is no longer maintained. For version 2 documentation, see vibe.monday.com/v2.
We welcome and encourage every contributor! Please read our Contribution Guide.
If you have any questions or suggestions, please feel free to open a discussion.
Found a bug? Please open an issue.
Run Claude Code as an MCP server so any agent can delegate coding tasks to it
@microsoft✓ OfficialBrowser automation using accessibility snapshots instead of screenshots
@googleapis✓ OfficialGoogle's universal MCP server supporting PostgreSQL, MySQL, MongoDB, Redis, and 10+ databases
@github✓ OfficialOfficial GitHub integration for repos, issues, PRs, and CI/CD workflows