Install Pro, Pro

Pro blocks have their own registry, @dashboardblocks-pro. You install them with the shadcn CLI, like the free blocks, and the CLI sends your token with every request.

Add the registryCopy Anchor Link

Add @dashboardblocks-pro to the registries in your components.json:

{
  "registries": {
    "@dashboardblocks": "https://www.dashboardblocks.com/r/{style}/{name}.json",
    "@dashboardblocks-pro": {
      "url": "https://www.dashboardblocks.com/r/pro/{style}/{name}.json",
      "headers": {
        "Authorization": "Bearer ${DASHBOARDBLOCKS_TOKEN}"
      }
    }
  }
}

Keep the www in both URLs. A redirect to another host drops the token.

Add your tokenCopy Anchor Link

Your token comes with All-Access: once you have it, create the token on your account page. Put your token in .env.local, next to components.json. The CLI reads it from there:

DASHBOARDBLOCKS_TOKEN=dbp_…

Keep .env.local out of git. In CI, set DASHBOARDBLOCKS_TOKEN as a secret instead.

Without the token, the CLI stops and names DASHBOARDBLOCKS_TOKEN. With a wrong one, it says the token isn't valid. After you rotate or revoke your token on your account page, the old one stops working at once and the CLI says it was revoked: put your new token in .env.local and your CI secret, creating one first if you revoked it. If your account no longer has All-Access, after a refund for example, the CLI says so.

InstallCopy Anchor Link

Install a block by name. Pro items install the free and Pro items they need with them:

npx shadcn@latest add @dashboardblocks-pro/filter-builder-01

Through an agentCopy Anchor Link

shadcn's MCP server reads the same components.json and .env.local. Once you've done the steps above, your agent can search Pro blocks next to the free ones, read their code and install them. Connect it as the MCP server page shows, then name the registry in your request:

• Find a Pro block in @dashboardblocks-pro for filtering a table, and add it to the customers page.
• Show me what's in @dashboardblocks-pro.

If the agent says DASHBOARDBLOCKS_TOKEN is missing, check that .env.local is in the folder you started the agent from, then restart the agent.

Compose a dashboardCopy Anchor Link

Compose a dashboard is a skill for Claude Code and other coding agents that read skills from .agents/skills/. Ask for a page such as "a revenue dashboard for our Stripe data", and the agent plans the page from the free and Pro blocks that fit your data, puts it in an app shell, installs the blocks and wires them to your data, then looks at the page and fixes what falls short. Install it once, after the steps above:

npx shadcn@latest add @dashboardblocks-pro/compose-dashboard

It installs into your project's .claude/skills/ and .agents/skills/ folders.

Pro blocksCopy Anchor Link

• Account Health (2 blocks)
• Activity Pulse (1 block)
• Agent Dock (1 block)
• Agent Run Detail (1 block)
• Agent Runs (1 block)
• Agent Session Timeline (3 blocks)
• AI Margin (1 block)
• Anomaly Card (3 blocks)
• Approval Card (2 blocks)
• Ask Menu (1 block)
• At-Risk Accounts (2 blocks)
• Audit Log (1 block)
• Automation Rules (1 block)
• Booking Picker (2 blocks)
• Build Log (2 blocks)
• Bulk Actions (1 block)
• Cancel Flow (2 blocks)
• Connect Your AI (1 block)
• Connections (2 blocks)
• Copilot Panel (2 blocks)
• Create Workspace (1 block)
• Credit Balance (2 blocks)
• Customers (2 blocks)
• Dashboard Grid (1 block)
• Data Grid (1 block)
• Data Grid Table (1 block)
• Data Privacy (1 block)
• Deploy Rollout (1 block)
• Doctor Checklist (2 blocks)
• Dot Charts (6 blocks)
• Dunning List (1 block)
• Edit Conflict (2 blocks)
• Event Stream (1 block)
• Feature Flags (1 block)
• Filter Builder (1 block)
• Funnel Explorer (1 block)
• Gantt Timeline (1 block)
• Generation Detail (1 block)
• Generations Table (1 block)
• Inbox Triage (2 blocks)
• Incident Manager (2 blocks)
• Invite Members (1 block)
• Live Map (1 block)
• Live Payments (1 block)
• Metric Explorer (1 block)
• Natural Language Filter (1 block)
• Path Explorer (1 block)
• Record Peek (1 block)
• Retention Explorer (1 block)
• Revenue Retention (4 blocks)
• Role Matrix (1 block)
• Saved Views (1 block)
• Search Results (1 block)
• Seat Billing (3 blocks)
• Single Sign-On (2 blocks)
• Spend Forecast (1 block)
• Subscriptions (1 block)
• Suggestion Chips (1 block)
• Support Conversation (1 block)
• Team Time Zones (3 blocks)
• Time Tracker (1 block)
• Trace Waterfall (1 block)
• Tracking Setup (1 block)
• Trend Card (1 block)
• Webhook Deliveries (1 block)
• Workspace Members (1 block)
• Workspace Settings (1 block)