vibe
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up vibe (release-binary project) into my current project. Found on https://claudeers.com/vibe Repo: https://github.com/mondaycom/vibe Homepage/docs: https://vibe.monday.com/ Detected install method: release-binary → inspect the README Category: mcp-servers. Platforms: cli, api, web. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: active; community-verified: false. Confirm the source before running anything.
Grab the latest release asset from GitHub.
# download a build from https://github.com/mondaycom/vibe/releases
git clone https://github.com/mondaycom/vibe
// compatibility
| Platforms | cli, api, web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | — |
| Pricing | open-source |
| Language | TypeScript |
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
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";
Usage
Components are imported from the library's root entry:
import { Button } from "@vibe/core";
MCP
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.
Ecosystem
- @vibe/core: Core component library
- @vibe/icons: Icons library
- @vibe/testkit: Testing utilities for Playwright
- @vibe/codemod: Codemods and CLI tools
- @vibe/style: Styling foundations (included in @vibe/core)
- vibe-storybook-components: Vibe Storybook Blocks
- storybook-addon-playground: A Component Playground Addon for Storybook
- @vibe/mcp: MCP server for Vibe Design System
Older Versions
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.
Contributing
We welcome and encourage every contributor! Please read our Contribution Guide.
Suggestions
If you have any questions or suggestions, please feel free to open a discussion.
Found a bug? Please open an issue.
// faq
What is vibe?
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js. It is open-source on GitHub.
Is vibe free to use?
vibe is open-source, so it is free to use.
What category does vibe belong to?
vibe is listed under mcp-servers in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/vibe)
// retro hit counter
[](https://claudeers.com/vibe)
// reviews
// guestbook
// related in MCP Servers
🔓f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete…
🔓A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
🔓🪨 why use many token when few token do trick — Claude Code skill that cuts 65% of tokens by talking like caveman
🔓An open-source AI agent that brings the power of Gemini directly into your terminal.