Components and Blocks

Every component, block, chart and template in BoardUI, 69 in all. The 40 free ones are already in this project as source; each card opens its docs on boardui.com, with the install command and the props.

Foundations

2The tokens everything else is built on.

Color

The full palette and semantic tokens.

DisplayTitleHeadlineBody regularMono caption

Typography

Type scale, weights, and text styles.

Base

28The everyday building blocks.

Two new components

Carousel and Input OTP are installable through the CLI today.

Announcement

Dismissible banner for product news.

Avatar

User photo with initials fallback.

Breadcrumb

Path trail with collapsing levels.

Button

Primary, secondary, and danger actions.

Button Group

Fused row of selectable buttons.

Carousel

Slide through cards with snap, arrows and dots.

SelectedUnselectedIndeterminate

Checkbox

Animated tick, card variant, two sizes.

CompletedWaiting+14.8%ConfirmedFailedIn reviewv2.4.0DraftLive-3.2%BetaArchived

Chip

Compact removable filter tokens.

Close Button

The little ×, done properly.

Mertcan Esmergul

hi@mertcan.works

30 min intro meeting

Let's discuss your design needs and how we can collaborate 🥳

30 minutesEnglish

Meeting date, August 2026

August 2026

Date Picker

Popover calendar for single dates.

Divider

Single, double, and filled content separators.

Dropdown

Composable menus - teams, models, actions.

Drag and drop to upload or select

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

Uploading ...

Uploaded successfully!

File Upload

Drag, validate, and track upload progress.

Icon Button

Square action button, icon only.

Input

Text field with addons and validation.

Input OTP

One-time-code boxes with paste and autofill.

Link Button

Inline text action styled like a link.

Notification

Status messages with icons, avatars, and actions.

Pagination

Page numbers with truncation.

WeeklyMonthlyYearly

Radio

Gradient dot, card variant, two sizes.

Segmented Control

Sliding pill option switcher.

Select

Single-choice listbox with search.

Slider

Single-value and min/max range selection.

Social Button

Sign-in buttons for 24 providers, logos included.

Switch

On/off toggle with spring motion.

Name	Role	Status
Olivia Rhye	Product Designer	Active
Phoenix Baker	Engineer	Active
Lana Steiner	Design Lead	Invited
Demi Wilkinson	Frontend Engineer	Active

Table

Sortable columns, sticky header.

Components48

Blocks6

Charts

Tabs

Underline and pill tab lists.

Tooltip

Positioned hints on hover and focus.

Blocks

13Larger assemblies, ready to drop in.

Thinking

Searching the docs

Reading files

Writing the answer

Agent Thinking

Agent thinking indicators for chat composers.

Composer Loader

Orbiting light band for a working composer.

Welcome back

or continue with

New here? Create an account

Auth Card

Sign-in and sign-up blocks with social login.

Web Search

Research trail with the sources an agent opened.

Task List

Streaming agent log that reveals step by step.

Agent Limits

Context window and plan usage limits.

Agent Progress

Collapsible progress for multi-step AI tasks.

Calendar

Full month view with event pills.

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

Data Table

Filters, selection, and pagination wired up.

Notification Center

Grouped activity inbox with tabs and actions.

Current plan

Ultra $149/mo

You are on 7x more usage than Regular.

Limits

You are on 7x more usage than Premium

Pull Requests

Review provider

Select Github or other providers for reviews

PR destination

Open pull request links inside your app

Notifications

Critical requests

Get notified when the mode needs to make a critical decision

System notifications

Show fundamental notifications when an agent completes a task

Completion sound

Sound effect a task is completed

Dispatch alerts

Push notification on your phone when BoardUI messages you

Settings Modal

Multi-page settings in a controlled dialog.

Sidebar

Floating app navigation with teams menu.

Total revenue

$152,313.92

From last month

16%

Stat Cards

KPI cards with delta chips or a footer band.

Charts

18Data cards for dashboards.

Revenue

$152,314

+16%

$131,304 last year

This year
Last year

Revenue Chart

This year against last, area over a dashed line.

Activity Rings

Concentric progress rings, Apple style.

Area Chart

Stacked, overlapping or 100% area series.

Bar List

Ranked breakdown rows with share bars and tabs.

Combo Chart

Bars and a line on independent axes.

Contributions

GitHub-style activity heatmap.

Earnings Chart

Bar chart with period comparison.

Funnel Chart

Flow funnel with tapered stages and conversion pills.

Heatmap Chart

Matrix heatmap with a theme-following ramp.

Most Active Days

Weekday bars linked to the rings.

Radar Chart

Filled, dotted, lines, and score radars.

Radial Chart

Rings, gauges, and a stacked half gauge.

Line Chart

Curved or sharp line over a soft area.

Sankey Chart

Flow diagram with tinted links and shares.

Scatter Chart

Correlation dots, bubbles when sized.

Sleep Score

Radial gauge with score breakdown.

Stage Bars

Funnel stages as rounded horizontal pills.

Steps Chart

Daily steps with goal marker.

Templates

8Complete screens, wired together.

New chat

What can I help with?

This chat runs against your own API key. History stays in this browser.

Not configured

New chat

Chat Starter

Free, deployable chat on your own model key.

AI Chat

Full chat app with code panel and composer.

AI Image Generation

Prompt thread with generation frame and gallery panel.

AI Profile

Contributions profile with heatmap and charts.

Finance Dashboard

Cash-flow sankey, spending rings, and transactions table.

Home Dashboard

KPIs, revenue trend, and customers table.

Marketing Dashboard

Acquisition funnel, spend charts, and campaigns table.

Medical Profile

Patient overview with health charts.