Install & integrate

Every Paragon component is a shadcn registry item — install it, own it, edit it. Three ways to pull components into your project.

1. shadcn CLI

The namespaced registry works with the standard shadcn CLI. Files land under components/paragon/ and use your project’s @/lib/utils for cn().

npx shadcn@latest add @paragon/button

Or point directly at the item JSON (no registry config needed):

npx shadcn@latest add https://paragon-ui.dev/r/button.json

To use the @paragon namespace, add the registry to your components.json:

{
  "registries": {
    "@paragon": "https://paragon-ui.dev/r/{name}.json"
  }
}

A zero-dependency CLI for browsing and installing components, with recursive dependency resolution and package-manager detection.

npx @paragon-ui/cli list

npx @paragon-ui/cli search transaction

npx @paragon-ui/cli add transaction-row

Give Claude Code, Cursor, or any MCP client the ability to search, read, and install Paragon components directly. Add to your MCP config:

{
  "mcpServers": {
    "paragon-ui": {
      "command": "npx",
      "args": ["-y", "@paragon-ui/mcp"]
    }
  }
}

Exposes search_components, get_component, list_categories, get_install_command, and add_component.

A plain-text index of every component — descriptions and install commands — for pasting into an assistant or fetching programmatically:

https://paragon-ui.dev/llms.txt