# [BoardUI](<https://www.boardui.com/>)

[boardui.com](<https://www.boardui.com/>)

React design system for building agentic products and data-rich dashboards, with reusable components, charts, and Figma-designed tokens.

[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Development](<https://creatorstoolbox.com/communities/development>)

Media 1 of 2

## About BoardUI

BoardUI is a React design system for building dashboards and agentic interfaces. It includes 85 components and blocks, including 19 chart cards, plus 400+ design tokens created in Figma. The library supports React 19 and Tailwind CSS v4, and a Pro plan adds 10 dashboard templates.

Pricing model: Freemium

## Features

- 85 React components and interface blocks for dashboards

- 19 chart cards for data-rich interfaces

- 400+ design tokens, designed in Figma

- Built for React 19 and Tailwind CSS v4

- Pro plan includes 10 dashboard templates

## FAQs

Common questions about BoardUI

What is BoardUI?

A React design system for dashboards and agentic interfaces, with 85 components and blocks, including 19 chart cards.

Which technologies does BoardUI support?

BoardUI is built for React 19 and Tailwind CSS v4.

Is BoardUI free?

BoardUI offers a free plan. Its Pro plan includes 10 dashboard templates.

## Similar products

- [![HeroUI](<https://www.google.com/s2/favicons?domain=heroui.com&sz=128>)

HeroUIheroui.com

Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.](<https://creatorstoolbox.com/products/heroui>)

- [![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayoutsuselayouts.com

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/products/uselayouts>)

- [![Bencho](<https://www.google.com/s2/favicons?domain=bencho.dev&sz=128>)

Benchobencho.dev

Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.](<https://creatorstoolbox.com/products/bencho>)

- [![Arc UI](<https://www.google.com/s2/favicons?domain=uiarc.dev&sz=128>)

Arc UIuiarc.dev

Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.](<https://creatorstoolbox.com/products/arc-ui>)

- [![23rd](<https://23rd.dev/icon.svg>)

23rd23rd.dev

An opinionated shadcn registry of UI components for React and Svelte 5.](<https://creatorstoolbox.com/products/23rd>)

- [![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.devloading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/products/loading-dev>)

---
Canonical source: https://creatorstoolbox.com/products/boardui