boardui

复制源码即用的 AI 聊天界面组件库,填个 Key 就能跑

开源 🏷️基础免费,高级付费 ✅ 目前可打开 设计创意 🍴 复刻 91
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 1095
维护状态 维护中
是否开源 开源
定价模式 🏷️基础免费,高级付费 支持限时试用 · 免费组件源码,官网提供自带模型 Key 的 AI 聊天应用,付费信息待确认

项目预览

boardui 项目界面预览图
图片来源:项目官网

项目数据

分类设计创意
开发团队BoardUI
定价模式🏷️基础免费,高级付费
价格说明免费组件源码,官网提供自带模型 Key 的 AI 聊天应用,付费信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型agentic-ai,ai-agent,ai-chat,boardui,design-system,nextjs,react,react-components,tailwindcss,ui-components,vercel
GitHub 星标★ 1095
上线时间2026-09-01 00:00:00
代码更新2026-10-02
仓库体积16.0 MB
本站数据更新2026-11-08
维护状态维护中
收录时间2026-09-25
浏览次数8

项目介绍

BoardUI 是一个面向智能体(Agentic)界面的 React 设计系统,把 AI 聊天应用所需的整套 UI 组件以源码形式开放。它解决的核心问题是:开发者做 AI 对话产品时,往往要自己从零拼装消息气泡、输入框、工具调用展示、流式状态等界面,既费时又难统一风格。BoardUI 提供可直接复制进项目的组件源码,基于 React、Next.js 和 Tailwind CSS 构建,并自带一个可运行的 AI 聊天应用作为首页示例,用户填入自己的模型 API Key 即可跑通完整对话流程。核心能力包括:开箱即用的聊天界面组件、对工具调用与流式输出的展示支持、与主流模型服务对接的示例代码,以及可自由修改的源码而非黑盒依赖。适合想快速搭建 AI 产品前端、又希望保留完全控制权的团队和个人开发者。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-09-25 · 当前星标 ★ 1095

使用教程

ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。

难度:进阶 约 35 分钟 部署方式:本地安装 4 步

环境要求

  • Node.js 18+
  • React 项目

安装与启动步骤

  1. 1装依赖

    React 设计系统,源码直接进你的项目。

    npm install
  2. 2起开发预览

    先跑起来看组件全貌。

    npm run dev
  3. 3按需添加组件

    命令行可以逐个组件加,只带它依赖的部分。

    npx boardui@latest add data-table
  4. 4看清单再全量

    list 会列出所有组件,先挑几个用不上的再决定要不要全加。

    npx boardui@latest list

如何确认成功

添加的组件能编译并在页面渲染

注意事项

  • 源码进项目意味着后续升级要自己合并,别指望自动更新。
  • 它面向 agent 界面场景,通用后台也够用。

核心亮点

  • 组件以源码形式提供,可直接复制修改,不引入黑盒依赖
  • 自带可运行的 AI 聊天应用示例,填自己的模型 Key 即可体验完整流程
  • 基于 React + Next.js + Tailwind,技术栈主流,接入现有项目成本低

不足之处

  • 项目处于早期,组件数量和覆盖场景有限
  • 生态与文档积累尚浅,长期维护和社区活跃度待观察

适用场景

  • 快速搭建 AI 对话产品的前端界面
  • 为已有应用嵌入聊天式 AI 助手
  • 学习 Agentic 界面中工具调用、流式输出等交互的组件实现

替代项目

assistant-ui、Vercel AI SDK

同类项目推荐

p5-single-line-font-resources 开源

在 p5.js 里一键渲染极简单线字体,做线条艺术和动态文字。

An archive of monoline vector fonts, and p5.js code to render them.

★ 284 2026-08-09
ai-costume-gallery-zh 开源

中文检索服装脸型姿势参考图,角色设计直接抄作业

AI 参考图库中文版|服装(写实 1,407 套/动画 1,320 套)、脸型 1,499 张、姿势线稿与深···

★ 139 2026-11-05
vsketch 开源

用 Python 代码生成绘图仪艺术,实时预览并导出矢量图

Generative plotter art environment for Python

★ 612 2026-08-09
diorama 开源

用 Three.js 代码搭像素微缩场景,风格稳、可复用

Playbook and Three.js code kit for detailed dioramas: classic pixel art, stroked too···

★ 353 2026-11-05
SDesign 开源

复制一段话就换整套审美,64 套风格随便挑

去 AI 味设计系统库 · 6 美学家族 × 64 套设计系统 · 复制一段提示词粘给任意 AI 就出片···

★ 39 2026-08-09
awesome-creative-coding 开源

一站式找齐创意编程工具和灵感,少走弯路

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

★ 15564 2026-08-09
genmedia-creative-studio 开源

一个 Notebook 玩转 Gemini 全家桶生成图像语音音乐视频

GenMedia Creative Studio is a generative media user experience highlighting the use ···

★ 1229 2026-11-03
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 125 2026-08-09