BoardUI components
React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.
- Components
- 46
- Framework
- React
- Stack
- React, TypeScript, Tailwind, CSS-in-JS
- License
- MIT
- GitHub stars
- 551
- Source
- https://github.com/BoardUI/boardui
- Website
- https://www.boardui.com
- Install
npx boardui@latest add {name}
All BoardUI components
- Agent Chat
- Agent Log
- Agent Thinking: Agent thinking indicators for chat composers.
- Announcement: Dismissible banner for product news.
- App Shell: The page standard every BoardUI template follows, free or Pro: content sits directly on the page background inside a 1300px column, so…
- Auth
- Avatar: User photo with initials fallback.
- Badges
- Brand
- Breadcrumb: Path trail with collapsing levels.
- Buttons
- Carousel: Slide through cards with snap, arrows and dots.
- Checkbox: Animated tick, card variant, two sizes.
- Composer Loader: Orbiting light band for a working composer.
- Dashboard
- Data Grid
- Data Table: Filters, selection, and pagination wired up.
- Date Picker: Popover calendar for single dates.
- Direction
- Divider: Single, double, and filled content separators.
- Dropdown: Composable menus - teams, models, actions.
- File Upload: Drag, validate, and track upload progress.
- Icons
- Input: Text field with addons and validation.
- Input Otp: One-time-code boxes with paste and autofill.
- Kbd
- Landing
- Medical
- Notification: Status messages with icons, avatars, and actions.
- Notification Center: Grouped activity inbox with tabs and actions.
- Pagination: Page numbers with truncation.
- Radio: Gradient dot, card variant, two sizes.
- Segmented Control: Sliding pill option switcher.
- Select: Single-choice listbox with search.
- Settings
- 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.
- Table: Sortable columns, sticky header.
- Tabs: Underline and pill tab lists.
- Template Copy
- Templates
- Textarea
- Theme
- Tooltip: Positioned hints on hover and focus.
- Tree View
Browse by category
- Input Components
- Data Display Components
- Navigation Components
- Feedback Components
- Page Components
- Layout Components
- Action Components
- Button Components
- Overlay Components
- AI Element Components
- Text Input Components
- Media Components
- Table Components
- Switch Components
- Sidebar Components
- Textarea Components
- Thinking Indicator Components
- Typing Indicator Components
- Badge Components
- Form Components