BoardUI

What is BoardUI?

Open-source React and Tailwind components for dashboards and AI chat apps, with paid Pro templates.

Who is BoardUI best for?

BoardUI is best for React developers who build dashboards or AI chat interfaces and want Figma-matched source code.

• Dashboards and admin panels

  Charts, data tables, stat cards and an app shell share one set of spacing, type and color tokens.

• AI chat and agent interfaces

  Pro adds agent parts such as a composer with attachments and model menus, streaming task lists and token meters.

• Coding agents that install UI

  A CLI, an MCP server and an agent skill let Claude Code, Cursor or Codex install real source instead of copying a screenshot.

• Teams designing in Figma

  Every component is drawn in Figma first, and the tokens in code match the tokens in the file.

How much does BoardUI cost?

BoardUI's base components are free under the MIT license; Pro is a one-time payment of €179 with a year of updates, or €249 with lifetime updates, for one developer.

Every Pro plan is a one-off payment with no subscription or renewal. The free components are on GitHub under the MIT license; Pro source needs a license key and may not be redistributed or used to build a rival component library. Teams that outgrow a plan pay the difference. Full pricing on boardui.com. We checked these prices on 8 Nov 2026.

How do readers rate BoardUI?

No one has rated BoardUI yet. Be the first.

Is BoardUI open source?

Yes. BoardUI's code is public under the MIT licence, so you can read it, change it and run it yourself.

How do I connect BoardUI to my AI agent?

BoardUI MCP is BoardUI's official MCP server. Add it to your agent once, then ask it to build product screens from BoardUI's React components and design tokens.

Lets your agent install BoardUI's React components into your repo and assemble pages from them, keeping layouts in line with the system's design tokens.

Claude CodeCursorCodexGitHub Copilot

Terminal

$ claude mcp add --transport http boardui https://www.boardui.com/mcp

Claude Code connects to BoardUI over the web.

BoardUI's setup guide covers the sign-in.

Then ask your agent

• Build an analytics dashboard with BoardUI charts
• Add the data table component to the orders page
• Set up BoardUI in this Next.js project

Runs

On the web

Sign-in

See guide

Checked

Answered 13 Nov

Guide

boardui.com

What are the best BoardUI alternatives?

Three tools on Recaply do BoardUI's job.

shadcn/uiOpen Source

Free, MIT-licensed set of accessible React components whose source the CLI copies into your app.

Arc UIOpen Source

React components and app blocks in plain TSX and CSS modules, with a free MIT core and paid Pro set.

ShadcnblocksFree

Library of 2,800+ shadcn/ui blocks and 2,200+ components you copy or install with the shadcn CLI.

Questions about BoardUI