beUI Pro für Mobile ist live: 50 React Native Blöcke und Screens

Installation

Premium-Komponenten werden über eine private shadcn-Registry ausgeliefert. Registriere sie einmal, setze deinen Token und installiere jede Komponente oder jeden Block direkt in deine App: vollständig typisiert, mit automatisch aufgelösten Abhängigkeiten.

Ein beUI-Pro-Lizenztoken (BEUI_PRO_TOKEN)
Die shadcn CLI, ohne globale Installation, einfach über npx / bunx
React 19, Next.js und Tailwind CSS v4

1. Hol dir deinen Token

Dein BEUI_PRO_TOKEN steht auf deiner Kontoseite. Er ist an deine Lizenz gebunden und läuft nicht ab, solange dein Plan aktiv ist. Bei uns wird nur sein Hash gespeichert.

Konto öffnen Lizenz holen

2. Registry registrieren

Füge die @beui-pro-Registry zur components.json deines Projekts hinzu, neben der kostenlosen öffentlichen @beui-Registry, auf der die Premium-Blöcke aufbauen.

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 setzen

Die Registry liest deinen Token aus der Umgebungsvariable BEUI_PRO_TOKEN. Exportiere ihn oder stelle ihn einem einzelnen Befehl voran.

# 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. Komponente installieren

Führe die CLI mit dem Slug samt Namespace aus. Jede Komponentenseite zeigt ihren genauen Befehl, hier für einige Beispiele.

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

Du willst components.json nicht anfassen? Richte die CLI direkt auf die authentifizierte URL.

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

Manuelle Installation

Lieber den Quellcode statt der CLI? Rufe das Registry-Item mit deinem Token ab. Die JSON-Antwort enthält den Inhalt jeder Datei, ihre Abhängigkeiten und die Zielpfade. Kopiere sie von Hand in dein Projekt.

# 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

Das files-Array der Komponente ordnet jede Quelldatei ihrem Ziel zu, und registryDependencies listet die öffentlichen @beui-Primitives, auf die sie angewiesen ist.

Brauchst du Hilfe?

Stöbere in der Komponentenbibliothek. Jede Seite bietet eine Live-Vorschau, ein Nutzungsbeispiel und ihren eigenen Installationsbefehl.