AI工具导航

Smart React Components

用于构建AI界面的无头React组件。

Smart React Components 是什么?

Smart React Components 是一套用于构建 AI 界面的无头 React 组件库,由 LLM 能力驱动开发。它能帮助开发者快速搭建 AI 相关的 React 应用,提供灵活的无样式组件基础。

产品详细介绍

用于构建AI界面的无头React组件。

Smart React Components 是一套用于构建 AI 界面的无头 React 组件库,由 LLM 能力驱动开发。它能帮助开发者快速搭建 AI 相关的 React 应用,提供灵活的无样式组件基础。

定价方案

有免费方案
$0/月付
免费
  • 无限量的公共/私有仓库

  • Dependabot 安全与版本更新

  • 每月 2,000 分钟 CI/CD 时长

$4/月付
团队
  • 免费版包含所有内容

  • 访问 GitHub Codespaces

  • 仓库规则

$21/月付
企业版
  • Team 版包含全部功能

  • 数据驻留

  • 企业托管用户

查看官网价格

创始人评论

Rudransh
Rudransh创始人

大家好,我是 Smart Components 的开发者。

我最初开始开发这个项目,是因为在 React 原生中实现 Copilot 风格的幽灵文本(预测提示文本)看起来是个非常有意思的工程问题。

在构建 AI 功能时,我意识到将原始 LLM 流连接到 DOM 浪费了太多时间。你最终需要和获取流、竞态条件、防抖打交道,还要搞定幽灵文本定位的计算(尤其在移动端)。

因此,我开发了这个开源的完全无样式库,原生处理所有这些复杂的浏览器行为和状态行为。

它开箱即用支持以下功能:

• 即插即用的预测幽灵文本,与用户输入完美对齐,内置了 iOS Safari 点击延迟修复。

useSmartState:一个可以将混乱的、流传输中的 LLM 输出直接整理为干净 React 状态的 Hook。

无样式 & 无依赖:你可以使用自己的样式(Tailwind、Shadcn)和自己的模型(OpenAI、Anthropic、本地模型)。

我今天将它开源,是为了帮助其他开发者省去繁琐的样板代码,直接开始构建功能。

我非常期待你们的反馈,我今天一整天都会在评论区解答任何问题,或是和大家讨论技术实现。

创始团队

Rudransh
Rudransh创始团队

官网信息

官网https://github.com/extedcouD/smart-components?ref=producthunt
公司使命

已预置AI连接配置的无头React组件。只需提供LLM客户端和你自己的样式;本库负责处理所有繁琐细节——防抖、中止过时请求、占位文本定位、键盘事件处理。