#React

Vercel AI SDK是一个TypeScript工具包，帮助开发者使用Next.js、React、Svelte、Vue等框架和Node.js运行时构建AI应用。核心模块提供统一API与OpenAI、Anthropic、Google等模型提供商交互。UI模块提供构建聊天机器人和生成界面的钩子，适用于多个框架。RSC模块为支持React服务器组件的框架提供优化API。开发者可以通过社区支持和贡献指南快速上手并进行贡献。

Open SaaS模板是一款免费且开源的SaaS启动模板，支持React和Node.js，内置丰富功能，如全栈认证、类型安全、支付集成、文件上传和邮件发送等。使用Wasp框架可以快速构建并一键部署SaaS应用。

openv0是一个开源生成型UI组件框架，使用开源组件库和图标，通过多通道流程生成和迭代UI组件。支持的前端框架包括React、Next.js、Svelte，UI库包括NextUI、Flowbite、Shadcn。最新更新简化了新框架、库和插件的集成，并计划推出公共探索共享应用和多模态UIray视觉模型。

LlamaIndex.TS 提供简便的 TypeScript 和 JavaScript 库，帮助开发者将数据集成到大型语言模型中。支持 Node.js、Deno、Bun 和 React Server Components 等 JS 环境，尽量减少浏览器环境的限制。通过文档分割、嵌入和查询引擎，用户可以高效创建索引并执行查询。此外，LlamaIndex.TS 兼容多种大型语言模型，包括 OpenAI GPT、Anthropic Claude 和 Llama 系列，提供灵活工具构建高级应用程序。

FreedomGPT是一款基于Electron和React的应用，支持在本地机器上运行LLM模型。项目包含详细的安装和使用指南，适用于macOS、Windows和Linux系统，并提供贡献指南和社区支持。用户可以下载和配置Liberty Edge模型，并启用挖矿功能。

NLUX是一个功能强大的React和JavaScript开源库，用于构建对话AI界面。只需几行代码，即可在Web应用中添加大语言模型（LLMs）支持，快速集成Next.js、React和TypeScript项目。它支持多种LLM适配器，如ChatGPT、LangChain、Hugging Face等，提供高可定制性和无依赖的轻量级核心库，帮助开发者快速构建和优化AI前端应用。

ChatGPT Web是一款基于React的高性能商业网页应用，特色包括用户友好的界面设计、响应式框架、全面的后台管理系统以及丰富的内置Prompts。该平台支持API定制和OpenAI技术集成，带来快速的加载速度和高效的数据处理。

Horizon ChatGPT AI Template是一个创新的开源AI模板，基于NextJS和React技术，提供多样化的前端组件。它使开发者能够有效地构建和部署AI Web应用，同时提供全面的文档和社区支持以加快开发进程。

Tinode Web是一款基于React技术开发的单页聊天应用，功能全面，支持多种语言，并且无需外部依赖。应用类似开源的WhatsApp或Telegram Web版本，提供丰富的实时通讯功能。持续更新中，支持Chrome和Firefox浏览器，适用于个人和商业用途。需要配合后端使用，详见安装说明。部分功能如端到端加密尚在开发中，敬请期待。

ShipFast是一个免费的SaaS源码库，专注于生成式人工智能（GenAI）、大型语言模型（LLM）及其他AI服务。项目功能包括账户管理、订阅管理、内容管理系统（CMS）、OpenAI API 集成和业务想法生成器。未来更新计划包含角色聊天、文档聊天、AI写作助手、AI图像生成和图像搜索引擎。前端采用React与GraphQL，后端基于Python和Django，部署在AWS基础设施上。项目正在开发中，欢迎关注最新动态。

react-to-web-component是一个将React组件转换为自定义元素的工具库。它使开发者能够将React组件转化为原生Web组件，无需React环境即可使用。该工具兼容现代浏览器，体积仅1.26KB，提供简洁API和属性传递功能。它可与任何基于HTML的项目集成，包括各种前端框架。这个工具特别适合需要在非React环境中复用React组件的项目，或者希望提高组件复用性和跨框架兼容性的开发团队。项目由Bitovi公司维护，提供社区和专业支持。

react-flip-toolkit 是一个专注于创建流畅界面过渡的 React 动画库。它支持位置、缩放和透明度动画，提供嵌套缩放变换、FLIP 动画和弹簧效果等功能。该库易用且性能优秀，可与 React Router 集成，适合构建动态的用户界面。

An-codeAI项目利用OpenAI和Gemini技术生成高质量代码，适用于React、Vue、Tailwind CSS、shadcn/ui等前端框架及react native原生应用。支持通过截图、手绘草图和文本创意生成代码，有效提升开发效率和代码质量。适配HTML+Tailwind、react+Tailwind、react+Tailwind+shadcn/ui多种编辑环境，并提供在线试玩和本地运行支持。

该翻译应用利用OpenAI GPT技术，支持GPT-3.5 Turbo、GPT-4等模型。它是一个可安装在手机和桌面的PWA，采用了React、Vite、Tailwind CSS等技术栈。用户可通过本地开发环境和Docker轻松构建和部署该项目。如果喜欢，请记得为项目点赞，谢谢。

Beak.js 是一个为 React 应用打造的开源插件，提供可自定义的聊天窗口，使开发者能轻松创建 AI 助理。用户只需简单的安装和配置过程即可快速集成，并可以通过 useBeakFunction 和 useBeakInfo 实现功能设置和界面信息同步。支持 Next.js、Remix 和 Express 等多种框架的安全部署，免费且开源。

BSMNT Scrollytelling是一个基于GSAP ScrollTrigger的React滚动动画库。它通过组件化方法简化了滚动动画的创建过程，提供Root、Animation和Waypoint等组件以及实用的钩子函数。该库解决了组件生命周期管理和动画定位等常见问题，使开发者能更直观地控制动画效果。BSMNT Scrollytelling还提供了多个示例和演示，便于开发者快速掌握使用方法。

Salute是一款JavaScript库，提供了声明式控制大语言模型（LLMs）的方式，结合了Microsoft Guidance和React的优点，适合开发者快速上手。透明提示操作，支持类型检查、语法高亮和自动补全，只需安装并配置OpenAI API密钥即可使用。

该项目开发了一个利用个人数据进行上下文回答的 ChatGPT 聊天机器人，采用的技术包括 Node.js、Python、MongoDB 和 React。功能包括用户管理、与机器人长期对话、自定义索引、自动重试 API 错误以及调整和查看模型参数。项目即将开源，欢迎加入讨论和协作。

该会话AI应用基于OpenAI的GPT-3语言模型，具备自然语言处理和上下文感知回复功能。前端采用React，后端通过Node.js与OpenAI API通信。项目需使用Node.js、npm和OpenAI账号，并支持Firebase集成。详细指南涵盖从克隆代码库到运行的每一步。欢迎贡献和支持。

Botonic是一个开源的全栈框架，利用React开发高质量的聊天机器人和会话应用。通过Serverless和Tensorflow.js，Botonic支持WhatsApp、Facebook Messenger、Telegram、Twitter DMs、网站和移动应用的运行，并提供丰富的插件如Google Analytics、Contentful和Dialogflow，帮助开发者轻松集成主流服务并管理AI/NLP的复杂性。

Plasmo Framework是一个面向浏览器扩展开发的开源框架，提供类似Next.js的开发体验。该框架支持React和TypeScript，具有声明式开发、内容脚本UI和标签页等功能。Plasmo还提供实时重载、环境变量支持和存储API等特性，简化了配置过程，支持多浏览器目标和自动化部署，使开发者能够专注于产品构建。

该项目收集了Feature-Sliced Design (FSD)相关的优质资源，涵盖社区链接、项目示例、开发工具、IDE插件、文章和演讲资料。为学习和应用FSD架构的开发者提供全面实用的参考资料，有助于深入理解和实践这一前端架构方法。

Urban Bot是一个基于React的声明式多平台聊天机器人库，支持Telegram、Discord、Slack和Facebook等平台。无需了解具体的平台API，只需编写React组件即可实现功能。该库支持逻辑复用、独立会话和TypeScript。用户可以选择零配置启动或手动安装，内置教程提供快速入门指南，适用于多个消息平台的开发。

该项目提供了一套全面的全栈JavaScript应用架构参考，采用微服务架构，涵盖Web和移动应用、API服务等。技术栈包括Node.js、React、Redux、MongoDB、Docker等，支持桌面和移动设备，使用Docker实现便捷部署。详细指南从环境配置到部署全程覆盖，帮助开发者快速上手全栈开发，提高开发效率和应用性能。

react-use 是一个综合性 React Hooks 库，提供了涵盖传感器、UI、动画、副作用、生命周期和状态管理等多个方面的自定义 Hooks。这些工具可简化开发流程，提升应用性能和功能。react-use 适用于各种常见场景，如页面滚动处理、状态管理和动画实现，为 React 开发者提供了简洁高效的解决方案。

Ink是一款基于React的命令行界面开发框架，为开发者提供类似Web开发的组件化UI构建体验。它支持React语法和概念，内置Flexbox布局引擎，并兼容大部分CSS样式属性。通过Ink，开发人员可以更便捷地创建交互丰富的CLI应用，实现复杂的命令行界面布局。

dnd-kit是一个功能丰富的React拖放库，提供自定义碰撞检测、多种激活器和可拖动覆盖层等特性。这个轻量级、无依赖的库支持多种输入方法，可完全定制和扩展。dnd-kit内置无障碍功能，并提供预设组件，使开发者能够方便地构建各种复杂的拖放界面。

cypress-realworld-app是一个基于React、XState和Express的全栈支付应用，展示了Cypress测试在实际场景中的应用。该项目集成了本地认证、数据库种子和CI/CD等功能，为开发者提供了一个完整的应用测试学习环境。它包含API、UI、组件和单元测试，并提供详细的代码覆盖率报告，是学习和实践现代Web应用测试的理想选择。

nextjs-use-php是一个创新性开源项目，实现了在Next.js应用中直接编写和执行PHP代码的功能。该项目为React服务器组件和客户端组件提供了PHP集成方案，展示了跨语言开发的可能性。虽然不适合生产环境，但作为实验性工具，它为开发者提供了独特的学习和探索机会。项目文档详细介绍了构建过程、数据库示例和潜在的改进方向。

该指南系统性地介绍了在React项目中集成TypeScript的方法。从基础设置到高级应用,内容全面涵盖了函数组件、Hooks和类组件等关键概念的TypeScript实现。通过实用的代码示例和排错技巧,为不同水平的开发者提供了切实可行的参考。指南致力于提升开发团队在React项目中运用TypeScript的能力和效率。

这是一个精选的React、Redux及相关技术资源集合,包括教程、文章和学习指南。内容涵盖基础概念、进阶技巧、最佳实践,以及JavaScript、Git、Webpack等配套知识。汇集了高质量的学习材料,适合不同水平的开发者系统学习React-Redux生态系统。

MingleJS是一个为Livewire框架开发的扩展工具，能在Livewire应用中集成React或Vue组件。它通过服务器端渲染和客户端挂载的方式，实现了Livewire与前端框架的结合。MingleJS简化了数据传递和服务器操作，让开发者在使用Livewire功能的同时，也能利用React和Vue的特性。这个工具为Laravel开发者提供了更灵活的前端开发选择。

Full Stack Foundations 工作坊通过实际项目开发，教授Web应用构建的核心概念和技能。课程涵盖JavaScript、TypeScript、React和Node.js等关键技术，让学员掌握全栈开发基础和现代Web开发最佳实践。

React Timeline Editor是一个专为时间轴动画编辑设计的React组件。该组件提供直观的API接口，支持效果和动作自定义，并实现时间轴可视化编辑。开发者可通过此组件高效创建交互式时间轴动画，支持时间轴的缩放、拖拽等特性。组件配置简单，即可实现复杂编辑功能。项目附带详细文档，包含基础和进阶功能演示，便于开发者快速掌握使用方法，大幅提升动画编辑效率。

Chakra UI是一个功能全面的React组件库，专注于提供可访问、可重用和可组合的组件。它简化了现代Web应用和网站的开发流程，允许开发者轻松构建复杂的用户界面。该库遵循可访问性最佳实践，具有易于样式化、灵活组合、无障碍支持和暗黑模式等特性。Chakra UI为开发者提供了高效构建React应用所需的工具和组件。

Flowise让您通过拖放界面轻松创建自定义LLM应用程序。提供详细的快速安装指南，支持NodeJS和Docker部署。模块化架构对开发者友好，并支持自托管，适用于AWS、Azure、Digital Ocean等主流云平台，确保应用灵活且易扩展。