FreeEvery component, chart, and template — MIT licensed

The React design system for agentic interfaces

36 accessible primitives, 18 data charts, 16 application blocks, and 6 full-page templates — built on React Aria and Tailwind CSS v4, with 400+ design tokens. You own the source.

npx shadcn@latest add @boardcn/button
npx shadcn@latest add @boardcn/button
  • Reactv19.1.1
  • Tailwind CSSv4.1.12
  • React Ariav1.17.0
  • TanStack Tablev8.21.3
  • Rechartsv3.1.2
  • Motionv12.42.2

Real components

Everything on this page is the component itself

No screenshots. The blocks below are the same source the CLI copies into your project, rendered live.

+8.2%−3.1%

Activity

Move
1,592 kcal
Exercise
1h 45m
Running
5.2 km

Visitors

94,700

+8.2%
OrganicReferralPaid

Sign-up funnel

197

+5.2%
Link opened
197
Started
110
Completed
77
Converted
38

Revenue per account

742

+6.8%
Starter270
Growth783
Scale1,388
Plan usage limits · Max (5x)
5-hour limitResets in 2 hr 46 min38%
Weekly · all modelsResets Tue 3:00 PM3%
Weekly · frontier modelsResets Tue 3:00 PM5%
5 steps left
Read project files
Update and install light mode tokens
Implement dark mode tokens
Add reusable registered theme toggle
Run registry, lint and production build
57%

Source, not a dependency

The CLI writes real files into your repo. Rename them, restyle them, delete the parts you do not need — there is no package to fight and no version to upgrade.

Accessible by construction

Focus management, keyboard interaction, and ARIA come from React Aria rather than from hand-rolled handlers, so behavior holds up when you compose the pieces.

One token layer

400+ semantic tokens drive every surface. Override eleven accent variables and the whole system re-tints, in light and dark, with no component edits.

Install the whole system in one command

Or take a single button. Every one of the 85 items installs independently, pulling only the primitives it actually uses.

npx shadcn@latest add @boardcn/boardcn
npx shadcn@latest add @boardcn/boardcn