Welcome to BoardUI Pro

Thank you for your purchase. Your license unlocks every Pro component and template, including future updates. Let’s get everything running in your project.

Your AI agent can do this whole page for you: connect the BoardUI MCP server in Claude Code, Cursor, VS Code, or Codex, paste your license key into the chat, and ask it to activate Pro and install any component or template.

Start with MCP

Start from zero

This walkthrough assumes BoardUI has never been installed in your project. Follow every step in order and you’ll finish with the foundations, free dependencies, Pro access, and your first component or template ready to use.

  1. 1
    Open your project - or create a new one.

    BoardUI works in a React 19 + Tailwind CSS v4 project. If you don’t have one yet, the quickest starting point is a new Next.js app:

    npx create-next-app@latest my-appcd my-app # Choose the defaults: TypeScript, Tailwind CSS, App Router, and @/* alias

    Already have a compatible project? Open a terminal in its root folder and continue below. For Vite, React Router, or Astro, see the framework guides.

    For a shared UI package or custom aliases, follow the monorepo setup guide before running init. Free and Pro components use the same boardui.json config. Run component installs inside the shared package, and install full-page templates in the consuming app.

  2. 2
    Initialize BoardUI and install all required dependencies.
    npx boardui@latest init --pro

    Confirm the setup prompt. The CLI installs Tailwind v4 and BoardUI’s runtime and Pro packages, then creates the theme, typography, global styles, and shared utilities. You do not need to install the free library separately.

  3. 3
    Connect the generated BoardUI styles.

    Replace the default global CSS import in your root layout, then make sure PostCSS is configured for Tailwind v4:

    // app/layout.tsximport "@/styles/globals.css"; // replaces the default "./globals.css" import
  4. 4
    Activate the license key from your purchase email.
    npx boardui@latest login YOUR_LICENSE_KEY

    Replace YOUR_LICENSE_KEY with the literal key. Do not include angle brackets. Activation uses one of the machine seats included with your license.

  5. 5
    Install your first Pro component.
    npx boardui@latest add agent-progress calendar

    This command installs both examples. Use one name if you only want one. The CLI also fetches every free BoardUI component or utility they depend on and offers to install missing npm packages - there is no separate free-component setup step.

  6. 6
    Or install a complete Pro template.
    npx boardui@latest add template-ai-chat

    Templates include the page, component source, free dependencies, Pro blocks, and imagery. You can install components, templates, or both with the same license.

Keeping your source up to date

BoardUI installs editable source code rather than a locked component package. To replace an installed item with its latest BoardUI version, run the same command with --overwrite and review any local customizations first.

npx boardui@latest add calendar --overwrite

Pro components

Add one or several names in the same CLI command.

agent-limits-cardagent-progressquestionnairecalendarearnings-chart-cardline-chart-cardcontributions-cardsteps-cardsleep-score-cardactivity-rings-cardmost-active-days-cardradar-chart-cardradial-chart-cardfunnel-chart-cardsankey-chart-cardheatmap-chart-cardstage-bars-cardbar-list-cardarea-chart-cardcombo-chart-cardscatter-chart-card
Browse component previews

Pro templates

Each command installs a complete screen and everything it needs.

template-home-dashboardtemplate-medical-profiletemplate-ai-chattemplate-ai-image-generationtemplate-ai-profiletemplate-project-board
Browse template previews

Seats, CI, and support

Move your license between machines, automate installs, or reach us directly when you need help.

License seats

Manage a machine

Release the current seat before activating your license on another computer.

npx boardui@latest logout
Automation

Use it in CI

Add your license as a secret environment variable. Interactive login isn’t needed.

BOARDUI_LICENSE_KEY
Direct support

Need a hand?

Send me a DM on X with your order email and a short description of what’s happening.

DM @sitenley