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.

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.

  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 yourLemon Squeezyemail.
    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 three 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-progresscalendarearnings-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-profile
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