AI工具导航

Wingo UI

面向手机和 AI 智能体的 React 组件,以源代码形式提供

Wingo UI 是什么?

Wingo UI 是一款面向手机端与 AI Agent 的 React 19 + Tailwind CSS v4 组件库,采用 shadcn 风格,226 个组件和 95 个区块均可按源码安装。它以移动端优先为设计基础,支持动画、props 配置、明暗主题、底部弹窗、44px 触控区域及滑动操作,并提供可见的回退交互。配套 CLI 可自动添加项目及其依赖项,MCP Server 则让 Claude Code、Cursor 等 AI Agent 搜索组件库并遵循其设计规范。

产品详细介绍

面向手机和 AI 智能体的 React 组件,以源代码形式提供

Wingo UI 是一款面向手机端与 AI Agent 的 React 19 + Tailwind CSS v4 组件库,采用 shadcn 风格,226 个组件和 95 个区块均可按源码安装。它以移动端优先为设计基础,支持动画、props 配置、明暗主题、底部弹窗、44px 触控区域及滑动操作,并提供可见的回退交互。配套 CLI 可自动添加项目及其依赖项,MCP Server 则让 Claude Code、Cursor 等 AI Agent 搜索组件库并遵循其设计规范。

定价方案

需要付费
官网查看
定制方案
  • ✓

    暂未采集到具体套餐,价格以官网为准

创始人评论

M
Maker创始人

你好,Product Hunt!我是 Wingo UI 的开发者 Serban。

在每个 React 项目中,我都在重复构建相同的移动端细节:本该在手机上显示为底部抽屉的选择器、应该转换为卡片的表格,以及无法通过键盘操作的滑动手势。Wingo UI 就是为此而生:组件开箱即用地支持手机端、深浅色主题、动效和无障碍,并以完全由你掌控的源代码形式安装。

另一部分则面向 AI 智能体。编程智能体编写 UI 速度很快,但会凭空创造组件,无视你的设计系统。Wingo UI MCP 服务器为它们提供组件目录、props 和设计规则,让 Claude Code 或 Cursor 使用真正经过测试的组件进行组合,而不是即兴发挥。

无需注册账户,你就可以在线浏览并试用每个组件。期待你的反馈,尤其想知道你接下来希望我们开发什么。