beUI Pro pour mobile est disponible : 50 blocs et écrans React Native

Installation

Les composants premium sont distribués via un registry shadcn privé. Enregistrez-le une fois, définissez votre token, puis installez n'importe quel composant ou bloc directement dans votre app : entièrement typé, avec ses dépendances résolues pour vous.

Un token de licence beUI Pro (BEUI_PRO_TOKEN)
La CLI shadcn, sans installation globale, via npx / bunx
React 19, Next.js et Tailwind CSS v4

1. Obtenir votre token

Votre BEUI_PRO_TOKEN se trouve sur la page de votre compte. Il est lié à votre licence et n'expire pas tant que votre offre est active. Nous ne stockons que son hash.

Ouvrir votre compte Obtenir une licence

2. Enregistrer le registry

Ajoutez le registry @beui-pro au fichier components.json de votre projet, à côté du registry public gratuit @beui sur lequel reposent les blocs premium.

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. Définir votre token

Le registry lit votre token depuis la variable d'environnement BEUI_PRO_TOKEN. Exportez-la, ou placez-la devant une seule commande.

# 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. Installer un composant

Lancez la CLI avec le slug et son namespace. Chaque page de composant indique sa commande exacte, en voici quelques exemples.

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

Vous préférez ne pas toucher à components.json ? Pointez la CLI directement vers l'URL authentifiée.

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

Installation manuelle

Vous voulez le code source brut plutôt que la CLI ? Récupérez l'item du registry avec votre token. La réponse JSON contient le contenu de chaque fichier, ses dépendances et les chemins cibles. Copiez-les à la main dans votre projet.

# 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

Le tableau files du composant associe chaque fichier source à sa destination, et registryDependencies liste les primitives publiques @beui dont il dépend.

Besoin d'aide ?

Parcourez la bibliothèque de composants. Chaque page propose un aperçu en direct, un exemple d'utilisation et sa propre commande d'installation.