beUI Pro para móvil ya está disponible: 50 bloques y pantallas de React Native
Instalación
Los componentes premium se distribuyen a través de un registry privado de shadcn. Regístralo una vez, configura tu token e instala cualquier componente o bloque directamente en tu app: totalmente tipado y con sus dependencias resueltas.
- Un token de licencia de beUI Pro (BEUI_PRO_TOKEN)
- La CLI de shadcn, sin instalación global, solo npx / bunx
- React 19, Next.js y Tailwind CSS v4
1. Consigue tu token
Tu BEUI_PRO_TOKEN está en la página de tu cuenta. Está vinculado a tu licencia y no caduca mientras tu plan esté activo. Solo guardamos su hash.
2. Registra el registry
Añade el registry @beui-pro al components.json de tu proyecto, junto al registry público y gratuito @beui en el que se basan los bloques premium.
{
"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. Configura tu token
El registry lee tu token de la variable de entorno BEUI_PRO_TOKEN. Expórtala o ponla delante de un solo comando.
# 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-input4. Instala un componente
Ejecuta la CLI con el slug con namespace. Cada página de componente muestra su comando exacto; aquí tienes algunos.
¿Prefieres no tocar components.json? Apunta la CLI directamente a la URL autenticada.
npx shadcn@latest add https://pro.beui.dev/r/agent-chat-input.jsonInstalación manual
¿Quieres el código fuente en lugar de la CLI? Descarga el item del registry con tu token. La respuesta JSON incluye el contenido de cada archivo, sus dependencias y las rutas de destino. Cópialos a mano en tu proyecto.
# 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.jsonEl array files del componente asigna cada archivo fuente a su destino, y registryDependencies lista las primitivas públicas de @beui de las que depende.
¿Necesitas ayuda?
Explora la biblioteca de componentes. Cada página incluye una vista previa en vivo, un ejemplo de uso y su propio comando de instalación.