beUI Pro 移动端已上线

浏览
beUI Pro

安装

高级组件通过私有的 shadcn registry 分发。只需注册一次并设置 token，就能把任意组件或区块直接安装到你的应用中：完整的类型支持，依赖自动解析。

  • beUI Pro 许可证 token（BEUI_PRO_TOKEN）
  • shadcn CLI，无需全局安装，直接用 npx / bunx
  • React 19、Next.js 和 Tailwind CSS v4

1. 获取 token

你的 BEUI_PRO_TOKEN 在账户页面中。它与你的许可证绑定，在套餐有效期内不会过期。我们只存储它的哈希值。

打开账户获取许可证

2. 注册 registry

在项目的 components.json 中添加 @beui-pro registry，与免费的公共 @beui registry 并列，高级区块基于后者构建。

JSONcomponents.json
{
  "registries": {
    "@beui": "https://beui.dev/r/{name}.json",
    "@beui-pro": {
      "url": "https://pro.beui.dev/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${BEUI_PRO_TOKEN}"
      }
    }
  }
}

3. 设置 token

registry 从环境变量 BEUI_PRO_TOKEN 读取你的 token。可以 export 它，也可以只在单条命令前加上它。

# Set it once for your shell session
export BEUI_PRO_TOKEN="beui_live_xxxxxxxxxxxx"

# …or pass it inline for a single install
BEUI_PRO_TOKEN="beui_live_xxxxxxxxxxxx" npx shadcn@latest add @beui-pro/agent-chat-input

4. 安装组件

使用带命名空间的 slug 运行 CLI。每个组件页面都列出了确切的命令，下面是几个示例。

$ bunx --bun shadcn add @beui-pro/animated-modal

不想修改 components.json？可以让 CLI 直接指向带认证的 URL。

npx shadcn@latest add https://pro.beui.dev/r/agent-chat-input.json

手动安装

想要源码而不是用 CLI？用你的 token 获取 registry 条目。JSON 响应包含每个文件的内容、依赖和目标路径，手动复制到项目中即可。

# Fetch the registry item — the JSON includes every source file
curl -H "Authorization: Bearer $BEUI_PRO_TOKEN" \
  https://pro.beui.dev/r/agent-chat-input.json

组件的 files 数组把每个源文件映射到目标位置，registryDependencies 列出它依赖的公共 @beui 基础组件。

需要帮助？

浏览组件库。每个页面都有实时预览、用法示例和对应的安装命令。