React Design Systemfor Agentic Interface Agentic Interface Agentic Interface

BoardUI is a React design system with 72 unique components, 17 data charts, 8 templates and 400+ design tokens, designed in Figma.

Start for free

Reactv19.2Tailwind CSSv4React Ariav1.17

TanStack Tablev8.21

Mertcan Esmergül

Date of Birth

28 July, 1997

Gender

Male

Blood Type

A rh+

GP Doctor

Mattheus Clarkson

Steps

31,600

total steps

29 Jun - 5 Jul29 Jun - 5 Jul

Sleep score

Excellent

29 Jun - 5 Jul

Duration: 7h 50m

49/50

Bedtime: 20m earlier

29/30

Interruptions: 5m wake up

20/20

Most active days

32,459

total steps

JanuaryJanuary

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Sep

Oct

Nov

Dec

Activity

Move

1,592 kcal

Exercise

1h 45m

Running

5.2 km

Important alerts

this week

29 Jun - 5 Jul

High Heart rate

Your heart rate rose above 120 BPM while you seemed to be inactive for 10 minutes starting at 8:59 AM, 12 June.

June, 12

Medical ID

Your emergency contact and allergy information was updated in your Medical ID.

June, 9

Lab results ready

Your latest blood panel ordered by Dr. Mattheus Clarkson is back — cholesterol and glucose are within the normal range.

June, 9

Medication reminder

You missed your 9:00 AM dose of Metoprolol. Take it as soon as possible unless your next dose is near.

June, 8

Irregular sleep

Your bedtime shifted by more than 2 hours on 3 of the last 7 nights, which can affect your sleep score.

June, 6

Low blood oxygen

Your blood oxygen dipped to 93% for a short period during sleep on the night of 4 June.

June, 5

Mertcan Esmergül

Date of Birth

28 July, 1997

Gender

Male

Blood Type

A rh+

GP Doctor

Mattheus Clarkson

Steps

31,600

total steps

29 Jun - 5 Jul29 Jun - 5 Jul

Sleep score

Excellent

29 Jun - 5 Jul

Duration: 7h 50m

49/50

Bedtime: 20m earlier

29/30

Interruptions: 5m wake up

20/20

Most active days

32,459

total steps

JanuaryJanuary

Jan

Feb

Mar

Apr

May

Jun

Jul

Aug

Sep

Oct

Nov

Dec

Activity

Move

1,592 kcal

Exercise

1h 45m

Running

5.2 km

Important alerts

this week

29 Jun - 5 Jul

High Heart rate

Your heart rate rose above 120 BPM while you seemed to be inactive for 10 minutes starting at 8:59 AM, 12 June.

June, 12

Medical ID

Your emergency contact and allergy information was updated in your Medical ID.

June, 9

Lab results ready

Your latest blood panel ordered by Dr. Mattheus Clarkson is back — cholesterol and glucose are within the normal range.

June, 9

Medication reminder

You missed your 9:00 AM dose of Metoprolol. Take it as soon as possible unless your next dose is near.

June, 8

Irregular sleep

Your bedtime shifted by more than 2 hours on 3 of the last 7 nights, which can affect your sleep score.

June, 6

Low blood oxygen

Your blood oxygen dipped to 93% for a short period during sleep on the night of 4 June.

June, 5

Booking dates, August 2026

August 2026

Drag and drop to upload or select

PDF, JPG, PNG, XLSX (max 8 MB)

Uploading ...

Uploaded successfully!

Total Results

48 customers

	Status
John Clarkson	Delivery failed	Sep 05, 2026	$3.412
Aspen Lubin	Delivery failed	Mar 25, 2026	$1.899
Michael Ekstrom	Shipped	Aug 01, 2026	$2.752
Kianna Vaccaro	Shipped	Apr 02, 2026	$145
Livia Saris	Delivery failed	Nov 14, 2026	$708

Contributions this year

958

+14.8%

Lifetime tokens

562.7M

Peak tokens

12h 54m

Longest task

62 days

Top streak

Activity

JanFebMarAprMayJunJulAugSepOctNovDec

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

Welcome backSign in to your workspace

Password

Remember meForgot password?

Models

Effort Medium

FasterSmarter

npm boardui@latest addbutton-group

Install tons of interactive dashboard components

Agentic components, buttons, checkboxes, calendar or a meeting scheduler, all you need is here.

Install for free Browse all components

Composer attachments

File tiles landing one by one above the prompt, each with its upload ring.

Web search

The searches an agent ran and the sources it opened, streaming in.

Agent limits

Context window usage with a token breakdown and plan limits.

Data table

Filter, sort and paginate complex data in a responsive table.

Playful widgets

Health widgets with live charts, activity rings and alerts.

Sidebar

Navigation with search, badges and account controls.

Contributor profile

Contributor activity, token stats and streak insights at a glance.

Agent progress

Live multi-step progress and completion states.

Composer loader

An iridescent light orbiting the composer while the agent works.

Agent thinking

Thinking, searching and writing indicators for a working agent.

Image generation loader

Image generation with an animated countdown and reveal.

Calendar

Month calendar with events and scheduling controls.

Auth card

Meeting schedule

Booking flow for dates, times, language and meeting details.

Charts

Bar, line and stacked charts with live data.

File upload

Drag-and-drop uploads with validation and progress states.

A loading state worth staring at

Composer Loader wraps your chat input in an orbiting light while the agent works, glass controls included. Pick a color.

Get the component

Included with Pro

Ready to go templates with BoardUI across domains

Looking for an agentic chat, a marketing dashboard, or a healthcare interface? It's already here.

Browse all templates

Live preview

Included with Pro

Charts that make your data worth reading

Radar, radial, funnel, Sankey and more - live Recharts cards with period switchers, hover focus and stat tiles, all on the same tokens.

Get every chart with Pro Browse all charts

Funnel chart

Tapered stages with conversion pills, curved or sharp, and stat tiles under every column.

Earnings chart

Rounded bars over a track with a period switcher, count-up headline and hover outline.

Radar chart

Filled polygon on the chart tokens - the count-up headline follows the axis you hover, and a stat tile per axis sits below.

Radar comparison

Outline-only series over the same grid with a live legend for side-by-side reads.

Sankey chart

Flows tinted by their source with share labels on the sinks and hover isolation.

Stage bars

The funnel as pill rows with name, value and share, plus a grid of stat tiles.

Radial chart

Concentric rings over the chart track with each name set along its own arc - hover a ring and the rest fall back while the headline and its tile follow.

Speedometer

Half gauge of stacked segments with the primary share in the centre and tiles below.

Area chart

Stacked series with gradient fills - hover a month and the headline, legend and tiles follow.

Combo chart

Bars on one axis, a cased line on the other - volume and rate read together on one canvas.

Get lifetime access to Pro

Buy it once, use it in unlimited projects forever. Everything you buy is yours for life, with Pro updates for a year or forever.

Starter

The fundamentals of BoardUI, free. Perfect for indie developers.

Freeall the basicsno card required

Install now

Free user license
Use it in unlimited projects
Free component updates
Installation via CLI
MCP support for AI agents
Fundamental components
Basic blocks and templates
Design tokens based on Tailwind CSS
Dark mode variables
Discord accessJoin now
3,000+ icon library

Annual Access

Every BoardUI Pro component, block, token and template.

€179€149all in Propaid once

Buy and install now

Single-user license
Use it in unlimited projects
1 year of Pro updates
Installation via CLI
MCP support for AI agents
Every Pro component
Every Pro block & template
Design tokens based on Tailwind CSS
Dark mode variables
Discord accessJoin now
3,000+ icon library

Lifetime Access

€49 launch discount

Every BoardUI Pro component, block, token and template.

€249€199all in Proyours forever

Buy and install now

Single-user license
Use it in unlimited projects
Lifetime updates for Pro
Installation via CLI
MCP support for AI agents
Every Pro component
Every Pro block & template
Design tokens based on Tailwind CSS
Dark mode variables
Discord accessJoin now
3,000+ icon library

Unlimited for Startups

Everything in Pro, licensed for up to 5 developers.

€349all in Proyours forever

Buy and install now

5-user license
Use it in unlimited projects
Lifetime updates for Pro
Installation via CLI
MCP support for AI agents
Every Pro component
Every Pro block & template
Design tokens based on Tailwind CSS
Dark mode variables
Discord accessJoin now
3,000+ icon library

Already used by startups and developers

Pedro OlivaresHead of Product at Timbal AILinkedIn

BoardUI makes building agentic UIs incredibly simple. Between the high-quality templates, the seamless component consistency, and how easily our coding agents can interact with the library, it perfectly adapts to our workflow at Timbal AI. Using BoardUI has directly helped us reduce project creation costs and accelerate project delivery

Install BoardUI with your agent through MCP

BoardUI speaks MCP. Connect your agent once and it browses all 72 components with real usage examples, sets up your project, and writes the source files in. Pro unlocks in the same chat with your license key.

“Set up BoardUI and build a revenue dashboard with stat cards and an area chart.”

Add to Cursor Add to VS Code

Full setup guide and example prompts

The free tier lives on GitHub

Every free component, the chat starter included, is one public repo under the MIT license. Clone it, deploy it with your own model key, and star it if it saves you an afternoon.

Clone now

Frequently asked questions

Everything about licensing, installing and building with BoardUI. Anything else, ask us on Discord.

Still have a question?We answer in the open, usually the same day.

Ask on Discord

One short email when a component, block or template ships. No digests, no drip sequences, and you can leave any time.

Start building agentic interfaces with BoardUI

Five agent blocks, a full AI chat template, and the dashboard furniture around them. Install what you need with one command and own the code.

Browse components See the AI Chat template

React Design Systemfor Agentic InterfaceAgenticAgenticAgentic InterfaceInterfaceAgentic InterfaceAgenticAgenticAgentic InterfaceInterfaceAgentic InterfaceAgenticAgenticAgentic InterfaceInterface

Booking dates, August 2026

Install tons of interactive dashboard components

Composer attachments

Web search

Agent limits

Data table

Playful widgets

Sidebar

Contributor profile

Agent progress

Composer loader

Agent thinking

Image generation loader

Calendar

Auth card

Meeting schedule

Charts

File upload

A loading state worth staring at

Ready to go templates with BoardUI across domains

Charts that make your data worth reading

Funnel chart

Earnings chart

Radar chart

Radar comparison

Sankey chart

Stage bars

Radial chart

Speedometer

Area chart

Combo chart

Get lifetime access to Pro

Starter

Annual Access

Lifetime Access

Unlimited for Startups

Install BoardUI with your agent through MCP

The free tier lives on GitHub

Frequently asked questions

Is BoardUI Pro a one-time payment?

What is the difference between Starter and Pro?

How do I install a component?

Do I own the code?

Can I use it in client and commercial projects?

What is the difference between Annual and Lifetime Access?

Do you offer refunds?

What is BoardUI built on?

Does it support dark mode?

Get new components in your inbox

Start building agentic interfaces with BoardUI

React Design Systemfor Agentic Interface Agentic Interface Agentic Interface