vibe

用 monday.com 官方组件，快速搭出统一好看的后台界面

Vibe 是 monday.com 官方开源的 React UI 设计系统，为开发者提供构建企业级应用所需的完整组件与资源。它解决的核心问题是：团队在开发内部工具或 SaaS 产品时，往往需要从零搭建按钮、表单、弹窗、图标等基础 UI，既耗时又难以保证视觉一致性。Vibe 将 monday.com 产品中沉淀的交互规范封装成可复用组件，覆盖基础控件、布局、数据展示、反馈提示等场景，并配套图标库、设计令牌与主题能力。项目使用 TypeScript 编写，类型友好，支持按需引入。近期还加入了 codemod 迁移工具以及面向 LLM 和 MCP 的适配，方便 AI 辅助开发时直接调用组件知识。整体定位偏向中后台与协作类产品，适合希望快速获得成熟设计语言、又不想被商业组件库绑定的团队。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 679

维护状态较活跃

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队mondaycom

所属国家

官网地址https://vibe.monday.com

GitHubhttps://github.com/mondaycom/vibe

定价模式free

价格说明开源免费使用

访问状态

是否开源是

开源协议

主要语言TypeScript

技术栈/模型codemod,component-library,design-system,hacktoberfest,icons,javascript,js,llm,mcp,mcp-server,monday,react,reactjs,tsx,typescript,ui,ui-components,ui-library,vibe,vibe-coding

GitHub 星标★ 679

30天Star增速

HF 下载量

上线时间2020-10-06 00:00:00

最近更新2026-09-17 00:00:00

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-09-16

浏览次数0

使用教程

核心亮点

由 monday.com 官方维护，组件经过真实产品验证，视觉与交互规范成熟
TypeScript 编写，类型定义完整，React 项目接入成本低
提供图标、设计令牌、codemod 迁移及 MCP/LLM 适配，配套资源较全

不足之处

组件风格与 monday.com 品牌绑定较深，深度定制需覆盖较多样式
社区生态和第三方教程数量相比主流组件库仍偏少

适用场景

开发 SaaS 后台或内部管理系统的 UI 层
需要统一设计语言的多团队协作前端项目
借助 LLM/MCP 快速生成符合规范的 React 界面

替代项目

Ant Design、Material UI、Chakra UI

项目介绍

vibe 是一个设计创意领域的开源项目，官方简介：Vibe Design System - Official monday.com UI resources for application development in React.js。项目使用 TypeScript 开发，在 GitHub 上获得 677 星标。

上一篇：tool-ui

下一篇：Fabric