# BoardUI

> React and Tailwind dashboard UI kit with agentic progress and chat components.

BoardUI is a component library and design system built with React, Tailwind CSS, and Figma tokens for dashboards and AI interfaces. It includes specialized blocks for AI applications, such as streaming agent task lists, thinking states, token limit cards, and Recharts-based data cards. It integrates via CLI and Model Context Protocol (MCP) so AI coding agents can install components directly into your codebase.

Website: https://boardui.com/

## What it is for

- Build streaming progress feeds for multi-step AI agent workflows
- Assemble analytics and business dashboards using prebuilt chart cards and data tables
- Install dashboard components directly using MCP prompts in Cursor or VS Code

## Features

- Agent task progress and thinking indicators with streaming state support
- 85 React components covering charts, forms, auth, and data tables
- Tailwind CSS v4 and React Aria foundations with full dark mode support
- Recharts cards including Sankey, funnel, radial, and radar charts
- Model Context Protocol (MCP) server integration for AI coding assistants
- 10 domain-specific dashboard templates such as AI chat, marketing, and healthcare

## Pricing

Freemium. Free open-source starter tier; paid Pro licenses start at €149 one-time.

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library, Command line
- For: React developers and designers building AI products and data dashboards.
- Alternative to: shadcn/ui, Tremor, Tailwind UI
- Tags: react, tailwind, dashboard, ai agents, components, mcp

## Why it was saved

- [@sitenley, 29 August 2026](https://x.com/sitenley/status/2093774215367319707): Live demo of the agent task list component: each step ("Found project files", "Updated the dark mode tokens", "Registered the theme toggle", "Lint and build passed") streams in with nested sub-steps and file chips, then the final summary with code. Useful both as a tool and as a reference for building streaming agent progress UIs.

## Compare

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to Tremor](https://xiry.app/alternatives/tremor.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/boardui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.