#React

screenshots - Electron和React驱动的多功能截图工具
Github开源项目多语言支持ReactElectronscreenshots截图工具
screenshots是一个开源的多功能截图工具,基于Electron和React构建。它提供快速全屏或区域截图功能,并集成了丰富的编辑选项,如马赛克、文本、画笔、箭头、椭圆和矩形等。用户可通过简单的双击完成或右键取消操作,实现高效的屏幕截图。该项目支持多语言,并分为electron-screenshots和react-screenshots两个子模块,分别负责核心截图功能和用户界面,为开发者提供了灵活的跨平台截图解决方案。
react-offscreen - React组件隐藏工具 无需卸载高效管理可见性
Github开源项目性能优化Reactreact-offscreen组件隐藏Suspense
react-offscreen是一个基于Suspense的轻量级React组件,用于高效隐藏组件而无需卸载。体积仅1.2kb,性能优异,支持完整React上下文。提供简单API,兼容createPortal和React.lazy,支持TypeScript。该工具可灵活管理组件可见性,有助于优化React应用性能和用户体验。
dnd - React拖拽列表组件 功能强大且易用
Github开源项目性能优化React可访问性拖拽列表
hello-pangea/dnd是一个React拖拽列表组件,支持垂直和水平列表、多列表拖拽、虚拟列表等功能。该组件性能优异,API简洁,同时兼顾键盘和屏幕阅读器支持,适用于构建高性能的拖拽交互界面。它提供美观的动画效果,并支持自定义样式。
nutui-react - 基于 React 的京东风格移动端组件库
Github开源项目React小程序开发NutUI-React移动端UI组件H5开发
nutui-react 是一个移动端 React UI 组件库,支持 H5 和小程序开发。它包含 70+ 组件,遵循京东 APP 11.0 设计规范,具备 Tree Shaking、TypeScript、SSR 和主题定制功能。项目提供详细文档、示例和 Sketch 设计资源,单元测试覆盖率高,适合快速开发高性能移动应用界面。
Re-Flex - 灵活可定制的React布局组件库
Github开源项目React响应式可调整大小布局组件Re-Flex
Re-Flex是一个基于Flex的React布局组件库,为高级Web应用提供可调整大小的布局方案。支持垂直和水平方向布局、可拖动分隔条和尺寸限制等功能。该库采用响应式设计,兼容主流浏览器,并提供丰富的API和事件处理机制,便于开发者创建复杂的自适应界面。
wedges - 基于设计系统和Radix的开源React UI组件库
Github开源项目开源React组件UI库Wedges
Wedges是一个持续发展的开源React UI库,集成了自身设计系统、Radix原语和Tailwind CSS。它提供可自定义的预构建组件,便于在React项目中使用。该库支持TypeScript,确保类型安全,并提供开发者友好的体验。Wedges包含丰富的UI组件和实用工具,适合快速构建现代化、响应式的Web应用界面。
query - 多框架异步数据管理利器
Github开源项目React缓存TanStack Query数据获取异步数据
TanStack Query 是一个跨框架的异步数据管理库,支持 React、Solid、Svelte 和 Vue。它提供自动缓存、重新获取、并行查询、依赖查询、突变和响应式刷新等功能。该库还支持分页、无限滚动、请求取消和 React Suspense,并配备专用开发工具,简化前端数据处理流程。
reachat - React开源聊天界面库 简化AI对话功能开发
开源AI工具AI对话React聊天界面Reachat
reachat是一款为ReactJS设计的开源AI聊天界面库,提供丰富UI构建模块。开发者可在短时间内为应用集成对话AI功能。该库特点包括高度可定制、多样媒体支持、简洁API和多模型兼容。reachat可与各类后端和语言模型搭配,已在多个企业产品中应用。该库开源免费,适用于个人和商业项目。
react-admin - React驱动的管理后台框架 高效构建单页应用
Github开源项目开源React单页应用前端框架Material Design
react-admin是一个开源的前端框架,基于React和Material Design构建。它用于开发基于REST或GraphQL API的单页管理应用,提供了丰富的组件和钩子。框架支持身份验证、路由、表单处理、数据展示、搜索筛选、国际化等功能,注重代码质量和开发效率。react-admin可完全定制,支持TypeScript,适合快速搭建各类管理后台。
portfolio - 轻量级高度可定制的开发者作品集网站模板
Github开源项目VercelNext.jsReact个人网站Portfolio
Portfolio是一款基于Next.js 14构建的开发者作品集网站模板。它整合了Shadcn/UI和Magic UI组件库,提供简洁美观的界面。通过编辑单一配置文件,用户可快速部署个性化作品集。该模板具备响应式设计、内置博客功能,并针对Vercel平台进行了优化,为开发者提供了一个灵活全面的在线展示方案。
gunara - 基于 Python 和 React 构建的 ChatGPT 风格交互界面
Github开源项目PythonChatGPTReactDjangoUI项目
Gunara 是一个开源项目,旨在复现 ChatGPT 的用户界面。该项目基于 Python 和 React 技术栈,提供基础对话功能和模型自定义选项。适用于 Python 3.11+ 和 Django 5.0+ 环境,Gunara 包括完整的安装说明和数据库设置指南。项目支持多种 OpenAI 接口管理方式,为开发者提供了一个学习和实践 AI 对话系统的平台。
Magic Translate - 高效简便的React应用多语言翻译工具
APIAI工具翻译React定价计划Magic Translate
Magic Translate为React应用提供高效的多语言翻译解决方案。这款React多语言支持工具特点包括简单易用的API、实时翻译功能、低价格、快速部署和低维护成本。开发者可以轻松更新内容并快速发布,无需等待翻译。Magic Translate的API易用性和翻译速度远超同类产品,提供从免费版到企业级的多种方案,适应不同规模的项目需求。这个工具显著简化了React应用的翻译流程,大幅提升开发效率,是您的理想选择。
Orca - 系统架构图设计与可视化在线工具
AI工具新项目ReactElasticsearchWordPressNginx
Orca是一款专业的系统架构图设计工具,提供多种技术栈模板,如WordPress+MySQL、React+Express+MySQL和Elasticsearch Stack等。用户可从空白图开始创建,也可基于预设模板快速搭建架构图。这款在线工具界面简洁直观,支持各种复杂系统的设计和可视化,适合开发者和系统架构师使用,有效提高架构设计效率。
Maximus - React组件快速生成AI工具
AIAI工具效率提升前端开发React组件开发
Maximus是一款专为React开发者设计的AI工具,可将React组件的生成速度提升10倍。该平台支持组件生成、文本编写和代码输出功能,为开发过程提供全面支持。适用于快速原型设计、大型项目开发和组件库构建,Maximus旨在加速开发流程,有效提高React项目效率。无论是初学者还是资深开发者,都能从这个强大的AI辅助工具中受益。
Quest - Figma设计自动转换为React组件的智能平台
AI代码生成AI工具设计转代码开发工具React
Quest是一个智能化平台,将Figma设计转换为可扩展的React组件代码。支持MUI和Chakra UI设计系统,生成符合行业标准的代码。提供无代码动画、响应式布局和1000多个模板组件。适用于产品团队、代理机构和创业公司,可提高开发效率,简化设计到代码的转换过程。
Quest - 智能将Figma设计转换为可扩展的React代码
代码生成AI工具Quest AI设计转代码开发工具React
Quest是一款将Figma设计转换为React代码的开发工具。支持MUI和Chakra UI组件库,生成可维护的代码。具备AI驱动功能,可生成单个组件或完整应用。提供设计-开发无缝更新和版本控制集成,适合现代前端开发团队使用。Quest为开发者提供Figma设计到React代码的转换功能,支持主流组件库,生成结构清晰的代码。AI辅助功能简化开发流程,可构建完整应用。具备设计-开发协作和版本控制功能,提高前端开发效率。
Bifrost - 将Figma设计自动转换为React代码的智能工具
AIAI工具设计转代码前端开发FigmaReact
Bifrost是一款智能工具,可将Figma设计自动转换为高质量React代码。支持Tailwind和Chakra框架,适用于不同开发阶段。它能生成完整组件集,支持类型安全、条件渲染和默认属性设置。Bifrost可生成新组件,并在添加自定义逻辑后更新现有组件。这款工具为设计师和工程师提供协作平台,提高开发效率,使团队能专注于核心功能开发。
blueprint - 面向桌面应用的React UI组件库
Github开源项目桌面应用React组件库UI工具包Blueprint
Blueprint是一个专注于桌面Web应用的React UI组件库。该项目旨在简化复杂、数据密集型界面的开发过程。它包含多种组件,如核心UI元素、日期时间选择器、图标系统和数据表格。Blueprint针对桌面浏览器进行了优化,并提供了详细的文档和示例。值得注意的是,这并非一个移动优先的UI工具包。
reactivated - Django与React零配置集成的全栈开发框架
Github开源项目ReactDjango全栈开发Reactivated无配置
Reactivated是一个集成Django和React的开发框架,无需配置即可使用。它结合了Django的后端功能和React的前端渲染能力,简化了全栈开发流程。Reactivated不需要webpack或复杂设置,为开发者提供了一个直接使用Django和React的环境。
react-prosemirror - 无缝集成富文本编辑器的开源工具
Github开源项目ReactProseMirrorEditorViewNodeViewuseEditorEffect
React ProseMirror是一个开源库,用于在React应用中集成ProseMirror富文本编辑器。该库提供了一系列工具和钩子函数,使开发者能够在React组件中渲染ProseMirror视图,并使用React组件构建ProseMirror的NodeViews。它解决了React和ProseMirror渲染方法的差异问题,确保两者的安全集成。React ProseMirror支持受控和非受控模式,并提供多个钩子函数如useEditorEffect和useEditorEventCallback,方便开发者安全地访问和操作EditorView。
redux-toolkit - 简化Redux开发的标准工具库
Github开源项目状态管理开发工具ReactRedux Toolkit数据获取
Redux Toolkit是Redux官方推荐的标准工具库,旨在简化Redux配置和减少样板代码。它提供了configureStore、createReducer、createAction等API,以及RTK Query数据获取和缓存功能。通过抽象设置过程和处理常见用例,Redux Toolkit使开发者能更轻松地编写Redux逻辑,提升开发效率。该工具库适用于大多数Redux项目,有助于解决配置复杂、依赖包过多和代码冗余等常见问题。Redux Toolkit特别适合快速搭建新项目或重构现有Redux应用。它的RTK Query功能可以显著减少手动编写数据获取逻辑的需求,对于构建数据密集型应用尤其有价值。
redwood - 全栈React应用开发框架助力快速构建现代Web产品
Github开源项目TypeScriptReactGraphQL全栈框架Redwood
Redwood是一个全栈Web应用框架,集成React、GraphQL和Prisma等先进技术,为JavaScript/TypeScript开发者提供端到端类型安全。其声明式数据获取和表单提交功能基于React服务器组件,简化了常见开发场景。Redwood适用于快速原型开发和大型应用构建,让开发者能够专注于核心业务逻辑和打造卓越的用户体验。
awesome-react - 全面探索React生态系统 框架组件工具资源汇总
Github开源项目前端开发ReactJavaScript库组件库
这是一个综合性的React资源集合,全面覆盖React生态系统。内容包括主流框架、组件库、状态管理、路由方案、开发工具、测试框架等。同时收录React Native相关资源和大量实用组件库。适合各层级开发者查阅和学习,是React技术栈的重要参考。
Miruro - 无需注册的高清动漫平台 支持在线观看和下载
Github开源项目ReactVite动漫流媒体Miruro
Miruro是一个高清动漫在线观看平台,提供最新和经典动漫内容。平台支持英文字幕和配音版本,无需注册即可观看和下载单集。采用React和Vite构建的简约界面确保快速加载和流畅浏览。Miruro特色包括无广告观看体验、AniList账号集成和移动端适配,为动漫爱好者打造便捷的观看环境。
BotFramework-WebChat - 高度可定制的智能对话界面组件
Github开源项目React自定义Bot FrameworkWeb Chat网页聊天组件
Bot Framework Web Chat是一个高度可定制的Web聊天组件,为Bot Framework v4 SDK提供支持。该组件允许开发者构建复杂的对话机器人应用,支持内容安全策略,并提供JavaScript和React等多种集成方式。Web Chat具备语音交互、自适应卡片和本地化等功能,同时注重性能优化和安全性。作为Microsoft Bot Framework的重要组成部分,它为构建企业级会话AI体验提供了强大基础。
react-player - React多媒体播放组件 支持多种视频音频源
Github开源项目React组件视频播放媒体播放ReactPlayer
react-player是一个功能全面的React多媒体播放组件。它支持播放YouTube、Facebook、Twitch等平台的视频,以及本地音视频文件。该组件提供丰富的配置项和事件回调,可灵活控制播放行为。它还具备响应式设计、轻量模式等特性。react-player为开发者提供了便捷的方式来集成多种来源的媒体播放功能。
griffith - React 驱动的流媒体视频播放器
Github开源项目React视频播放器流媒体Griffith
Griffith 是一款开源的 React 视频播放器,专注于流媒体播放、扩展性和稳定性。该播放器支持 MP4 和 HLS 格式,采用 Media Source Extension 技术实现分段加载。Griffith 不仅易于集成到 React 应用中,还提供 UMD 模式支持非 React 环境。作为知乎网站和移动端的核心播放器,Griffith 经过大规模实践验证,具有出色的性能和可靠性。其 Monorepo 结构和自定义构建特性为开发者提供了更大的灵活性。
twilio-video-app-react - 基于Twilio的多人视频会议和实时聊天React应用
Github开源项目React实时通信Twilio视频应用多方视频
这是一个基于Twilio SDK的开源React应用,支持多人视频会议、实时聊天和屏幕共享。它可快速部署到Twilio Serverless,并提供主讲人检测、网络质量指示等功能。该项目展示了如何构建高质量的视频通话应用,适合开发者学习和参考。
next-video - Next.js应用的视频优化和集成解决方案
Github开源项目Next.jsReact视频优化CDN视频组件
next-video是一款为Next.js应用设计的React组件,提供全面的视频处理解决方案。它扩展了标准<video>元素,支持智能存储、自动优化、自定义播放器界面、海报生成和预览等特性。该组件还具备跨浏览器兼容性、内置视频分析工具和AI驱动的自动字幕生成功能,大大简化了在Next.js项目中实现专业级高性能视频集成的过程。通过next-video,开发者可以轻松为其Next.js应用添加强大的视频功能。
liqvid - React 交互式视频创作库
Github开源项目前端开发React开源库Liqvid交互视频
Liqvid 是一个基于 React 的交互式视频创作库。该项目提供了核心包、播放控制、键盘映射和动画效果等功能。Liqvid 包含命令行工具,支持音频处理、项目构建、视频渲染和缩略图生成。此外,Liqvid 集成了 KaTeX 和 React Three Fiber,扩展了开发可能性。项目持续更新,计划增加字幕编辑和国际化等功能。
ai-jsx - JavaScript和JSX驱动的智能应用开发框架
Github开源项目人工智能应用LLMReact框架AI.JSX
AI.JSX是一个基于JavaScript和JSX的AI应用开发框架。该框架集成了先进的提示工程工具,支持LLM渲染React组件,兼容OpenAI、Anthropic等多种模型。AI.JSX内置工具和文档问答功能,支持生成式UI,可用于独立LLM应用或大型React项目。框架具备流式处理能力,适配现代Web技术栈,并与LangChainJS无缝集成,为AI应用开发提供全面解决方案。
react-github-calendar - GitHub贡献图可视化React组件
Github开源项目GitHub开源React组件贡献图
React-GitHub-Calendar是一个用于显示GitHub贡献图的React组件。基于react-activity-calendar和github-contributions-api开发,该组件提供简便的安装方法和灵活的配置选项。开发者可以轻松集成此组件以可视化展示GitHub活动数据。完善的文档和持续集成支持使其成为展示编码贡献历史的理想工具。
terminal-portfolio - 模拟终端界面的创意个人作品集
Github开源项目TypeScriptReact响应式设计Terminal Portfolio多主题
terminal-portfolio展示了创新的网页设计理念,将终端界面与个人作品集融为一体。这个开源项目基于React和TypeScript开发,实现了多主题切换、键盘快捷操作等功能。网站采用响应式设计,集成了自动完成、命令历史等实用特性,并支持PWA技术。经Lighthouse评测,性能表现优异。项目文档详尽,方便开发者进行二次开发。
horizon-ui-chakra - 基于Chakra UI和React的现代化开源管理模板
Github开源项目ReactChakra UIHorizon UI开源管理模板仪表盘设计
Horizon UI是基于Chakra UI和React的开源管理模板,提供现代化UI元素和预构建页面。该模板集成了完整代码页面,简化了开发流程。项目包含NFT、身份验证等多种预构建模板,可快速开发仪表板和Web应用。Horizon UI配备详细文档和Figma设计资源,有助于开发者高效创建、定制和优化网站项目。
storefront - Next.js驱动的现代电商前端解决方案
Github开源项目Next.js电子商务ReactGraphQLSaleor
Saleor Storefront 是一款基于 Next.js 14 的电商前端框架。它整合了 React 服务器组件、App Router、TypeScript 和 GraphQL,提供完整的电商功能,包括购物流程、产品目录和用户账户管理。该框架支持 Adyen 支付集成,允许 CSS 定制,并配备预设开发工具,为开发者提供高效、灵活的电商网站构建解决方案。
mui-treasury - 为 Material UI 打造的即用型组件库
Github开源项目前端开发React组件库Material UI
Material Treasury 为 Material UI 项目提供即用型组件。该库从 Dribbble 和 Pinterest 等平台获取设计灵感,支持通过复制粘贴或 CLI 工具集成组件。项目具备自定义配置和多组件克隆功能,鼓励社区贡献,致力于简化 Material UI 界面的开发流程。