Download
Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. Vibe is distributed as a package, and loading its CSS tokens provides a unified theming baseline across apps and extensions. Components are designed to optimize usability and accessibility while supporting monday-style workflows such as boards, dashboards, and complex data visualizations.
Features
- Official React component library and design tokens aligned with monday’s UI
- Comprehensive documentation, catalog, and playground for components and patterns
- Single @vibe/core package with CSS tokens for consistent theming across apps
- Accessible, UX-focused components tailored to data-heavy productivity workflows
- Monorepo structure with scripts and tooling for maintaining multiple UI packages
- Integrated MCP server to power AI-assisted discovery and usage of Vibe components
Project Samples
