BoardUI/boardui

What it solves

BoardUI provides a cohesive design system specifically tailored for building AI-powered interfaces. It bridges the gap between standard dashboard components (like tables and forms) and agent-specific UI elements (like chat streams, thinking indicators, and agent logs), ensuring a consistent visual language across an entire AI product.

How it works

BoardUI is a collection of React components built on top of Tailwind CSS v4 and React Aria. Instead of installing it as a standard library dependency, you use a CLI (npx boardui@latest add) to copy the source code directly into your project. This allows you to modify the components to fit your specific needs. It also includes an MCP (Model Context Protocol) server, allowing AI coding agents like Cursor or Claude Code to browse, install, and wire up components automatically while following predefined design rules.

Who it’s for

This is for developers building AI-native applications who want to rapidly prototype or ship professional-grade interfaces without building common agent-specific UI patterns from scratch.

Highlights

• Agent-Native Components: Includes specialized UI for AI products, such as streaming chat interfaces, agent thinking indicators, and execution logs.
• Source-First Integration: Components are added as source files to your project, giving you full control over the code.
• Agent-Ready: Features an MCP server and dedicated rule files (AGENTS.md) so AI coding assistants can build your UI using the system's design tokens.
• Accessible & Localized: Built on React Aria for accessibility and includes built-in support for right-to-left (RTL) languages like Arabic and Hebrew.
• Flexible Backend: Includes a ready-to-use streaming chat endpoint that supports major LLM providers (OpenAI, Anthropic, Google, Groq, etc.) via a single API key.