vibe

vibe

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

Stars: 554

Visit
 screenshot

Vibe Design System is a collection of packages for React.js development, providing components, styles, and guidelines to streamline the development process and enhance user experience. It includes a Core component library, Icons library, Testing utilities, Codemods, and more. The system also features an MCP server for intelligent assistance with component APIs, usage examples, icons, and best practices. Vibe 2 is no longer actively maintained, with users encouraged to upgrade to Vibe 3 for the latest improvements and ongoing support.

README:

Vibe Design System, by monday.com

Vibe Design System

Official monday.com UI resources for application development in React.js

NPM Downloads npm bundle size NPM Version GitHub Repo stars

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

Older Versions

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 the migration guide 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.

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.

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for vibe

Similar Open Source Tools

For similar tasks

For similar jobs