Installation

Free components work out of the box with zero auth. If you're pulling Pro components, you'll need an API key:

1. Log in with the account you used to buy Pro.
2. Head over to account/api-keys.
3. Create a new key and grab your token (PACEUI_REGISTRY_TOKEN).

Add the @paceui registry to your project's components.json. For Pro components, include the authorization header. For free components only, the headers field can be omitted:

{
  "registries": {
    "@paceui": {
      "url": "https://paceui.com/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${PACEUI_REGISTRY_TOKEN}"
      }
    }
  }
}

For Pro components, the registry reads your token from the PACEUI_REGISTRY_TOKEN environment variable. Export it for your shell session, save it in .env.local, or pass it inline with your install command.

# Set it once for your shell session
export PACEUI_REGISTRY_TOKEN="pk_live_xxxxxxxxxxxx"

# Or pass it inline for a single install
PACEUI_REGISTRY_TOKEN="pk_live_xxxxxxxxxxxx" npx shadcn@latest add @paceui/chat-composer

Run the CLI with the namespaced slug. Every component page lists its exact command:

npx shadcn@latest add @paceui/chat-composer

Then import and use it in your project:

import { ChatComposer } from "@/components/paceui/chat-composer";

export default function Page() {
  return (
      <main className="flex min-h-screen items-center justify-center p-6">
          <ChatComposer />
      </main>
  );
}