Logo

#React

Logo of ai
ai
Vercel AI SDK是一个TypeScript工具包,帮助开发者使用Next.js、React、Svelte、Vue等框架和Node.js运行时构建AI应用。核心模块提供统一API与OpenAI、Anthropic、Google等模型提供商交互。UI模块提供构建聊天机器人和生成界面的钩子,适用于多个框架。RSC模块为支持React服务器组件的框架提供优化API。开发者可以通过社区支持和贡献指南快速上手并进行贡献。
Logo of FreedomGPT
FreedomGPT
FreedomGPT是一款基于Electron和React的应用,支持在本地机器上运行LLM模型。项目包含详细的安装和使用指南,适用于macOS、Windows和Linux系统,并提供贡献指南和社区支持。用户可以下载和配置Liberty Edge模型,并启用挖矿功能。
Logo of webapp
webapp
Tinode Web是一款基于React技术开发的单页聊天应用,功能全面,支持多种语言,并且无需外部依赖。应用类似开源的WhatsApp或Telegram Web版本,提供丰富的实时通讯功能。持续更新中,支持Chrome和Firefox浏览器,适用于个人和商业用途。需要配合后端使用,详见安装说明。部分功能如端到端加密尚在开发中,敬请期待。
Logo of an-codeAI
an-codeAI
An-codeAI项目利用OpenAI和Gemini技术生成高质量代码,适用于React、Vue、Tailwind CSS、shadcn/ui等前端框架及react native原生应用。支持通过截图、手绘草图和文本创意生成代码,有效提升开发效率和代码质量。适配HTML+Tailwind、react+Tailwind、react+Tailwind+shadcn/ui多种编辑环境,并提供在线试玩和本地运行支持。
Logo of salute
salute
Salute是一款JavaScript库,提供了声明式控制大语言模型(LLMs)的方式,结合了Microsoft Guidance和React的优点,适合开发者快速上手。透明提示操作,支持类型检查、语法高亮和自动补全,只需安装并配置OpenAI API密钥即可使用。
Logo of plasmo
plasmo
Plasmo Framework是一个面向浏览器扩展开发的开源框架,提供类似Next.js的开发体验。该框架支持React和TypeScript,具有声明式开发、内容脚本UI和标签页等功能。Plasmo还提供实时重载、环境变量支持和存储API等特性,简化了配置过程,支持多浏览器目标和自动化部署,使开发者能够专注于产品构建。
Logo of react-use
react-use
react-use 是一个综合性 React Hooks 库,提供了涵盖传感器、UI、动画、副作用、生命周期和状态管理等多个方面的自定义 Hooks。这些工具可简化开发流程,提升应用性能和功能。react-use 适用于各种常见场景,如页面滚动处理、状态管理和动画实现,为 React 开发者提供了简洁高效的解决方案。
Logo of nextjs-use-php
nextjs-use-php
nextjs-use-php是一个创新性开源项目,实现了在Next.js应用中直接编写和执行PHP代码的功能。该项目为React服务器组件和客户端组件提供了PHP集成方案,展示了跨语言开发的可能性。虽然不适合生产环境,但作为实验性工具,它为开发者提供了独特的学习和探索机会。项目文档详细介绍了构建过程、数据库示例和潜在的改进方向。
Logo of full-stack-foundations
full-stack-foundations
Full Stack Foundations 工作坊通过实际项目开发,教授Web应用构建的核心概念和技能。课程涵盖JavaScript、TypeScript、React和Node.js等关键技术,让学员掌握全栈开发基础和现代Web开发最佳实践。
Logo of label-studio-frontend
label-studio-frontend
Label Studio Frontend是基于React开发的开源数据标注前端库。作为NPM包可集成到应用中,支持图像、音频、文本等多种标注类型。该库提供灵活的配置选项和丰富的界面控件,允许开发者根据具体需求进行定制。适用于构建各类数据标注系统,为机器学习和人工智能项目提供标注支持。
Logo of next-i18next
next-i18next
next-i18next是一个为Next.js应用优化的国际化工具。它简化了配置过程,支持服务端渲染和静态生成,并与Next.js的国际化路由无缝集成。开发者可通过JSON文件管理翻译内容,轻松实现多语言支持。该工具基于i18next和react-i18next,为Next.js项目提供全面的国际化功能,无需深入了解复杂的实现细节。
Logo of remotion
remotion
Remotion是一个基于React的视频制作框架,让开发者能够以编程方式创建高质量视频。该框架结合Web技术和React生态系统,提供可重用组件和快速刷新等功能,简化复杂视频效果的实现。Remotion适用于个人和企业级项目,为程序化视频制作提供灵活高效的解决方案。
Logo of react
react
React是一个用于构建用户界面的JavaScript库,采用声明式编程和组件化开发方法。它简化了交互式UI的创建过程,支持Web、服务器端渲染和移动应用开发。React提供全面文档和示例,适合各种规模的项目,支持渐进式采用。其灵活性使开发者能够根据需求选择使用程度,从而提高开发效率。
Logo of open-saas
open-saas
Open SaaS模板是一款免费且开源的SaaS启动模板,支持React和Node.js,内置丰富功能,如全栈认证、类型安全、支付集成、文件上传和邮件发送等。使用Wasp框架可以快速构建并一键部署SaaS应用。
Logo of nlux
nlux
NLUX是一个功能强大的React和JavaScript开源库,用于构建对话AI界面。只需几行代码,即可在Web应用中添加大语言模型(LLMs)支持,快速集成Next.js、React和TypeScript项目。它支持多种LLM适配器,如ChatGPT、LangChain、Hugging Face等,提供高可定制性和无依赖的轻量级核心库,帮助开发者快速构建和优化AI前端应用。
Logo of shipfast
shipfast
ShipFast是一个免费的SaaS源码库,专注于生成式人工智能(GenAI)、大型语言模型(LLM)及其他AI服务。项目功能包括账户管理、订阅管理、内容管理系统(CMS)、OpenAI API 集成和业务想法生成器。未来更新计划包含角色聊天、文档聊天、AI写作助手、AI图像生成和图像搜索引擎。前端采用React与GraphQL,后端基于Python和Django,部署在AWS基础设施上。项目正在开发中,欢迎关注最新动态。
Logo of openai-translator
openai-translator
该翻译应用利用OpenAI GPT技术,支持GPT-3.5 Turbo、GPT-4等模型。它是一个可安装在手机和桌面的PWA,采用了React、Vite、Tailwind CSS等技术栈。用户可通过本地开发环境和Docker轻松构建和部署该项目。如果喜欢,请记得为项目点赞,谢谢。
Logo of chatgpt-knowledge-base-chatbot
chatgpt-knowledge-base-chatbot
该项目开发了一个利用个人数据进行上下文回答的 ChatGPT 聊天机器人,采用的技术包括 Node.js、Python、MongoDB 和 React。功能包括用户管理、与机器人长期对话、自定义索引、自动重试 API 错误以及调整和查看模型参数。项目即将开源,欢迎加入讨论和协作。
Logo of awesome
awesome
该项目收集了Feature-Sliced Design (FSD)相关的优质资源,涵盖社区链接、项目示例、开发工具、IDE插件、文章和演讲资料。为学习和应用FSD架构的开发者提供全面实用的参考资料,有助于深入理解和实践这一前端架构方法。
Logo of ink
ink
Ink是一款基于React的命令行界面开发框架,为开发者提供类似Web开发的组件化UI构建体验。它支持React语法和概念,内置Flexbox布局引擎,并兼容大部分CSS样式属性。通过Ink,开发人员可以更便捷地创建交互丰富的CLI应用,实现复杂的命令行界面布局。
Logo of react
react
该指南系统性地介绍了在React项目中集成TypeScript的方法。从基础设置到高级应用,内容全面涵盖了函数组件、Hooks和类组件等关键概念的TypeScript实现。通过实用的代码示例和排错技巧,为不同水平的开发者提供了切实可行的参考。指南致力于提升开发团队在React项目中运用TypeScript的能力和效率。
Logo of react-timeline-editor
react-timeline-editor
React Timeline Editor是一个专为时间轴动画编辑设计的React组件。该组件提供直观的API接口,支持效果和动作自定义,并实现时间轴可视化编辑。开发者可通过此组件高效创建交互式时间轴动画,支持时间轴的缩放、拖拽等特性。组件配置简单,即可实现复杂编辑功能。项目附带详细文档,包含基础和进阶功能演示,便于开发者快速掌握使用方法,大幅提升动画编辑效率。
Logo of FastUI
FastUI
FastUI是一个创新的Web应用界面开发框架,让Python开发者能够直接定义响应式应用界面。该框架利用Pydantic模型和TypeScript接口来描述UI,实现前后端分离。FastUI提供PyPI包、npm包和预构建React应用,包含丰富的UI组件。它采用RESTful设计理念,由后端控制应用结构,前端专注实现界面,从而提升开发效率和代码复用性。
Logo of react-media-recorder
react-media-recorder
react-media-recorder是一个React组件和Hook库,用于实现音频、视频和屏幕录制功能。它基于MediaRecorder API,提供简洁的接口和自定义UI渲染能力。该库支持TypeScript,便于开发者集成和控制录制过程。适用于在React应用中需要添加媒体录制功能的场景。
Logo of nextui
nextui
NextUI是一个基于React的开源UI组件库,提供现代化、可定制的界面元素。该库融合当前设计趋势,支持开发响应式和可访问的Web应用。NextUI具备详细文档和Storybook演示,并有活跃社区支持。这个项目适合寻求提高开发效率和界面质量的React开发者使用。
Logo of Flowise
Flowise
Flowise让您通过拖放界面轻松创建自定义LLM应用程序。提供详细的快速安装指南,支持NodeJS和Docker部署。模块化架构对开发者友好,并支持自托管,适用于AWS、Azure、Digital Ocean等主流云平台,确保应用灵活且易扩展。
Logo of openv0
openv0
openv0是一个开源生成型UI组件框架,使用开源组件库和图标,通过多通道流程生成和迭代UI组件。支持的前端框架包括React、Next.js、Svelte,UI库包括NextUI、Flowbite、Shadcn。最新更新简化了新框架、库和插件的集成,并计划推出公共探索共享应用和多模态UIray视觉模型。
Logo of ChatGpt-Web
ChatGpt-Web
ChatGPT Web是一款基于React的高性能商业网页应用,特色包括用户友好的界面设计、响应式框架、全面的后台管理系统以及丰富的内置Prompts。该平台支持API定制和OpenAI技术集成,带来快速的加载速度和高效的数据处理。
Logo of react-to-web-component
react-to-web-component
react-to-web-component是一个将React组件转换为自定义元素的工具库。它使开发者能够将React组件转化为原生Web组件,无需React环境即可使用。该工具兼容现代浏览器,体积仅1.26KB,提供简洁API和属性传递功能。它可与任何基于HTML的项目集成,包括各种前端框架。这个工具特别适合需要在非React环境中复用React组件的项目,或者希望提高组件复用性和跨框架兼容性的开发团队。项目由Bitovi公司维护,提供社区和专业支持。
Logo of beakjs
beakjs
Beak.js 是一个为 React 应用打造的开源插件,提供可自定义的聊天窗口,使开发者能轻松创建 AI 助理。用户只需简单的安装和配置过程即可快速集成,并可以通过 useBeakFunction 和 useBeakInfo 实现功能设置和界面信息同步。支持 Next.js、Remix 和 Express 等多种框架的安全部署,免费且开源。
Logo of react-chatGPT-clone
react-chatGPT-clone
该会话AI应用基于OpenAI的GPT-3语言模型,具备自然语言处理和上下文感知回复功能。前端采用React,后端通过Node.js与OpenAI API通信。项目需使用Node.js、npm和OpenAI账号,并支持Firebase集成。详细指南涵盖从克隆代码库到运行的每一步。欢迎贡献和支持。
Logo of urban-bot
urban-bot
Urban Bot是一个基于React的声明式多平台聊天机器人库,支持Telegram、Discord、Slack和Facebook等平台。无需了解具体的平台API,只需编写React组件即可实现功能。该库支持逻辑复用、独立会话和TypeScript。用户可以选择零配置启动或手动安装,内置教程提供快速入门指南,适用于多个消息平台的开发。
Logo of dnd-kit
dnd-kit
dnd-kit是一个功能丰富的React拖放库,提供自定义碰撞检测、多种激活器和可拖动覆盖层等特性。这个轻量级、无依赖的库支持多种输入方法,可完全定制和扩展。dnd-kit内置无障碍功能,并提供预设组件,使开发者能够方便地构建各种复杂的拖放界面。
Logo of react-redux-links
react-redux-links
这是一个精选的React、Redux及相关技术资源集合,包括教程、文章和学习指南。内容涵盖基础概念、进阶技巧、最佳实践,以及JavaScript、Git、Webpack等配套知识。汇集了高质量的学习材料,适合不同水平的开发者系统学习React-Redux生态系统。
Logo of verbum
verbum
Verbum是一款基于Lexical框架的React富文本编辑器。它具有高度的灵活性,提供自定义字体、颜色和多媒体插入等丰富功能。通过插件扩展,Verbum可实现提及、表情和代码高亮等特性。该编辑器支持国际化,并具备自动保存功能,为开发者提供了功能强大且易于使用的文本编辑工具。
Logo of zustand
zustand
zustand是一个轻量级的React状态管理库,采用简化的flux原则。它提供基于hooks的简洁API,无需样板代码。zustand支持异步操作、状态持久化和中间件扩展,适用于各种React应用。相比Redux和Context API,zustand更简洁高效,是React状态管理的理想选择。
Logo of nextjs-toploader
nextjs-toploader
nextjs-toploader是一个基于nprogress的Next.js顶部加载进度条组件。它兼容Next.js 14和React,提供简洁API和多样化配置选项。该组件易于集成,可显示页面加载进度,支持自定义颜色、高度和动画效果。不仅适用于Next.js的app和pages结构,还可用于其他React框架,为开发者提供灵活的用户体验增强方案。
Logo of hydration-overlay
hydration-overlay
hydration-overlay是一个React应用调试工具,在水合错误发生时显示覆盖层,展示服务端和客户端渲染差异。支持Next.js和webpack,易于集成,有助于开发者快速定位和解决水合问题。该工具目前处于测试阶段,适用于提高React应用开发效率和稳定性。
Logo of LlamaIndexTS
LlamaIndexTS
LlamaIndex.TS 提供简便的 TypeScript 和 JavaScript 库,帮助开发者将数据集成到大型语言模型中。支持 Node.js、Deno、Bun 和 React Server Components 等 JS 环境,尽量减少浏览器环境的限制。通过文档分割、嵌入和查询引擎,用户可以高效创建索引并执行查询。此外,LlamaIndex.TS 兼容多种大型语言模型,包括 OpenAI GPT、Anthropic Claude 和 Llama 系列,提供灵活工具构建高级应用程序。
Logo of chatgpt-ai-template
chatgpt-ai-template
Horizon ChatGPT AI Template是一个创新的开源AI模板,基于NextJS和React技术,提供多样化的前端组件。它使开发者能够有效地构建和部署AI Web应用,同时提供全面的文档和社区支持以加快开发进程。
Logo of react-flip-toolkit
react-flip-toolkit
react-flip-toolkit 是一个专注于创建流畅界面过渡的 React 动画库。它支持位置、缩放和透明度动画,提供嵌套缩放变换、FLIP 动画和弹簧效果等功能。该库易用且性能优秀,可与 React Router 集成,适合构建动态的用户界面。
Logo of scrollytelling
scrollytelling
BSMNT Scrollytelling是一个基于GSAP ScrollTrigger的React滚动动画库。它通过组件化方法简化了滚动动画的创建过程,提供Root、Animation和Waypoint等组件以及实用的钩子函数。该库解决了组件生命周期管理和动画定位等常见问题,使开发者能更直观地控制动画效果。BSMNT Scrollytelling还提供了多个示例和演示,便于开发者快速掌握使用方法。
Logo of botonic
botonic
Botonic是一个开源的全栈框架,利用React开发高质量的聊天机器人和会话应用。通过Serverless和Tensorflow.js,Botonic支持WhatsApp、Facebook Messenger、Telegram、Twitter DMs、网站和移动应用的运行,并提供丰富的插件如Google Analytics、Contentful和Dialogflow,帮助开发者轻松集成主流服务并管理AI/NLP的复杂性。
Logo of fullstack-javascript-architecture
fullstack-javascript-architecture
该项目提供了一套全面的全栈JavaScript应用架构参考,采用微服务架构,涵盖Web和移动应用、API服务等。技术栈包括Node.js、React、Redux、MongoDB、Docker等,支持桌面和移动设备,使用Docker实现便捷部署。详细指南从环境配置到部署全程覆盖,帮助开发者快速上手全栈开发,提高开发效率和应用性能。
Logo of cypress-realworld-app
cypress-realworld-app
cypress-realworld-app是一个基于React、XState和Express的全栈支付应用,展示了Cypress测试在实际场景中的应用。该项目集成了本地认证、数据库种子和CI/CD等功能,为开发者提供了一个完整的应用测试学习环境。它包含API、UI、组件和单元测试,并提供详细的代码覆盖率报告,是学习和实践现代Web应用测试的理想选择。
Logo of mingle
mingle
MingleJS是一个为Livewire框架开发的扩展工具,能在Livewire应用中集成React或Vue组件。它通过服务器端渲染和客户端挂载的方式,实现了Livewire与前端框架的结合。MingleJS简化了数据传递和服务器操作,让开发者在使用Livewire功能的同时,也能利用React和Vue的特性。这个工具为Laravel开发者提供了更灵活的前端开发选择。
Logo of react-jsonschema-form
react-jsonschema-form
react-jsonschema-form 是一个基于 React 的开源项目,通过 JSON Schema 实现 Web 表单的声明式构建和自定义。该组件支持 Ant Design、Bootstrap、Chakra UI 等多种主流 UI 框架主题。项目提供详细文档和在线演示平台,便于开发者快速上手。作为一个社区驱动的项目,react-jsonschema-form 为开发者提供了灵活且可扩展的表单构建解决方案。
Logo of mdxts
mdxts
MDXTS为React开发者提供了一站式解决方案,简化MDX内容管理、API文档生成和代码展示。它支持快速MDX编写、类型检查、自动文档生成、代码高亮等功能,并与Next.js完美兼容。通过MDXTS,开发团队可以更专注于内容创作,提高文档质量和开发效率。
Logo of craft.js
craft.js
Craft.js 是一个基于 React 的页面编辑器开发框架,提供拖放系统和组件管理功能。开发者可以完全自定义编辑器界面和行为,无需修改框架代码。它支持可编辑组件、嵌套画布和状态序列化,采用纯 React 语法。Craft.js 简化了复杂编辑器的开发过程,同时保持灵活性,适合需要定制化页面编辑器的项目。
Logo of floating-ui
floating-ui
Floating UI是一个创建浮动元素的JavaScript库,支持工具提示、弹出框和下拉菜单等。它提供锚点定位功能和碰撞检测,确保浮动元素在视图中保持可见。该库兼容vanilla JavaScript、React、Vue等多个平台,并为React提供交互hooks和组件,便于开发者构建无障碍的浮动UI。