#React

react-jsonschema-form - React 表单生成器 支持多种 UI 框架的 JSON Schema 解决方案
Github开源项目ReactJSON SchemaUI主题表单生成
react-jsonschema-form 是一个基于 React 的开源项目,通过 JSON Schema 实现 Web 表单的声明式构建和自定义。该组件支持 Ant Design、Bootstrap、Chakra UI 等多种主流 UI 框架主题。项目提供详细文档和在线演示平台,便于开发者快速上手。作为一个社区驱动的项目,react-jsonschema-form 为开发者提供了灵活且可扩展的表单构建解决方案。
label-studio-frontend - React数据标注前端库 满足多场景需求
Github开源项目数据标注ReactLabel Studio开源工具前端库
Label Studio Frontend是基于React开发的开源数据标注前端库。作为NPM包可集成到应用中,支持图像、音频、文本等多种标注类型。该库提供灵活的配置选项和丰富的界面控件,允许开发者根据具体需求进行定制。适用于构建各类数据标注系统,为机器学习和人工智能项目提供标注支持。
FastUI - 使用Python代码定义Web应用界面的创新框架
Github开源项目Python前端开发React组件FastUI
FastUI是一个创新的Web应用界面开发框架,让Python开发者能够直接定义响应式应用界面。该框架利用Pydantic模型和TypeScript接口来描述UI,实现前后端分离。FastUI提供PyPI包、npm包和预构建React应用,包含丰富的UI组件。它采用RESTful设计理念,由后端控制应用结构,前端专注实现界面,从而提升开发效率和代码复用性。
zustand - 轻量级React状态管理库 基于Hooks的简洁API
Github开源项目状态管理ReactReduxHookzustand
zustand是一个轻量级的React状态管理库,采用简化的flux原则。它提供基于hooks的简洁API,无需样板代码。zustand支持异步操作、状态持久化和中间件扩展,适用于各种React应用。相比Redux和Context API,zustand更简洁高效,是React状态管理的理想选择。
usehooks-ts - TypeScript实现的React自定义钩子库
Github开源项目TypeScript开源Reactusehooks-tsHook库
usehooks-ts是一个TypeScript编写的React自定义钩子库,提供多种易用的钩子函数,加速React应用开发。这个库设计简洁,支持tree-shaking,开发者可按需导入钩子。大部分钩子经过充分测试,已在生产环境中应用。库中包含状态管理、DOM交互、媒体查询等常见用例的钩子,有助于提高开发效率。
mdxts - 简化React内容和文档开发的工具集
Github开源项目React文档生成代码高亮MDXTSMDX
MDXTS为React开发者提供了一站式解决方案,简化MDX内容管理、API文档生成和代码展示。它支持快速MDX编写、类型检查、自动文档生成、代码高亮等功能,并与Next.js完美兼容。通过MDXTS,开发团队可以更专注于内容创作,提高文档质量和开发效率。
next-i18next - 为Next.js应用提供简易的多语言支持工具
Github开源项目Next.jsReact国际化next-i18nexti18next
next-i18next是一个为Next.js应用优化的国际化工具。它简化了配置过程,支持服务端渲染和静态生成,并与Next.js的国际化路由无缝集成。开发者可通过JSON文件管理翻译内容,轻松实现多语言支持。该工具基于i18next和react-i18next,为Next.js项目提供全面的国际化功能,无需深入了解复杂的实现细节。
react-media-recorder - React组件和Hook实现音频、视频及屏幕录制功能
Github开源项目React音频录制屏幕录制MediaRecorder视频录制
react-media-recorder是一个React组件和Hook库,用于实现音频、视频和屏幕录制功能。它基于MediaRecorder API,提供简洁的接口和自定义UI渲染能力。该库支持TypeScript,便于开发者集成和控制录制过程。适用于在React应用中需要添加媒体录制功能的场景。
nextjs-toploader - 为Next.js应用提供顶部加载进度条的开源组件
Github开源项目Next.jsReactnpm包进度条TopLoader
nextjs-toploader是一个基于nprogress的Next.js顶部加载进度条组件。它兼容Next.js 14和React,提供简洁API和多样化配置选项。该组件易于集成,可显示页面加载进度,支持自定义颜色、高度和动画效果。不仅适用于Next.js的app和pages结构,还可用于其他React框架,为开发者提供灵活的用户体验增强方案。
craft.js - 模块化的 React 页面编辑器开发框架
Github开源项目React自定义Craft.js页面编辑器拖拽系统
Craft.js 是一个基于 React 的页面编辑器开发框架,提供拖放系统和组件管理功能。开发者可以完全自定义编辑器界面和行为,无需修改框架代码。它支持可编辑组件、嵌套画布和状态序列化,采用纯 React 语法。Craft.js 简化了复杂编辑器的开发过程,同时保持灵活性,适合需要定制化页面编辑器的项目。
remotion - React驱动的可编程视频制作框架
Github开源项目编程视频制作ReactRemotion网页技术
Remotion是一个基于React的视频制作框架,让开发者能够以编程方式创建高质量视频。该框架结合Web技术和React生态系统,提供可重用组件和快速刷新等功能,简化复杂视频效果的实现。Remotion适用于个人和企业级项目,为程序化视频制作提供灵活高效的解决方案。
nextui - 优雅现代的React UI库,提升Web开发效率
Github开源项目前端开发ReactUI组件库NextUI
NextUI是一个基于React的开源UI组件库,提供现代化、可定制的界面元素。该库融合当前设计趋势,支持开发响应式和可访问的Web应用。NextUI具备详细文档和Storybook演示,并有活跃社区支持。这个项目适合寻求提高开发效率和界面质量的React开发者使用。
hydration-overlay - React应用水合错误调试工具 显示服务端客户端渲染差异
Github开源项目Next.jsReactHydration Overlay服务器端渲染客户端渲染
hydration-overlay是一个React应用调试工具,在水合错误发生时显示覆盖层,展示服务端和客户端渲染差异。支持Next.js和webpack,易于集成,有助于开发者快速定位和解决水合问题。该工具目前处于测试阶段,适用于提高React应用开发效率和稳定性。
floating-ui - 轻量级浮动元素定位和交互解决方案
Github开源项目ReactFloating UI浮动元素定位用户交互
Floating UI是一个创建浮动元素的JavaScript库,支持工具提示、弹出框和下拉菜单等。它提供锚点定位功能和碰撞检测,确保浮动元素在视图中保持可见。该库兼容vanilla JavaScript、React、Vue等多个平台,并为React提供交互hooks和组件,便于开发者构建无障碍的浮动UI。
react - 高效构建交互式用户界面的JavaScript库
Github开源项目用户界面前端开发ReactJavaScript库组件化
React是一个用于构建用户界面的JavaScript库,采用声明式编程和组件化开发方法。它简化了交互式UI的创建过程,支持Web、服务器端渲染和移动应用开发。React提供全面文档和示例,适合各种规模的项目,支持渐进式采用。其灵活性使开发者能够根据需求选择使用程度,从而提高开发效率。
headlessui - 无样式UI组件库 集成Tailwind CSS的可访问性解决方案
Github开源项目UI组件ReactVueTailwind CSSHeadless UI
Headless UI是一套无样式、可访问的UI组件库,专为Tailwind CSS集成设计。支持React和Vue,便于开发者构建可定制界面。项目提供详细文档、多版本安装选项,并有活跃社区支持。适合追求灵活性和可访问性的前端开发者使用。
react-testing-library - React 组件测试利器 推崇最佳实践
Github开源项目JavaScriptReact测试组件DOM
React Testing Library 为 React 组件测试提供轻量级解决方案。基于 react-dom 和 test-utils,它提供简洁实用的函数,倡导更优测试实践。其核心理念是让测试尽可能贴近软件实际使用场景,从而增强可信度。该库通过直观的 API 实现 DOM 查询和交互,有助于开发者编写易维护的测试,聚焦组件功能而非实现细节。
cmdk - React命令菜单组件 提供可访问性和灵活定制
Github开源项目APIReact组件CommandDialog
cmdk是一个React命令菜单组件,可用作可访问的组合框。它具有自动过滤和排序功能,提供可组合API,支持组件嵌套和静态JSX。该组件支持异步结果、嵌套项目和自定义过滤,适合构建高性能、易访问的命令菜单界面。cmdk的灵活性使其成为开发交互式命令菜单的理想选择。
refine - React元框架 数据密集型应用开发的平衡之选
Github开源项目开源框架前端开发React企业级应用CRUD应用
Refine是一个开源React元框架,为企业级CRUD应用提供无头解决方案。它简化了管理面板、仪表盘和内部工具的开发流程,提供身份认证、访问控制等标准功能。Refine的灵活架构支持多种UI框架和平台,让开发者能够轻松构建可定制的数据密集型应用。
next-international - Next.js专用的类型安全国际化库
Github开源项目Next.jsReact国际化i18n类型安全
next-international是一个为Next.js开发的国际化库。它提供完全类型安全的功能,支持TS或JSON格式的语言文件,以及类型安全的翻译函数和参数。该库体积小、无依赖、易于使用,支持服务器端、客户端和静态渲染。适用于App和Pages路由,并兼容React服务器组件。next-international简化了Next.js项目的多语言实现过程。
mst-gql - GraphQL 和 MobX-State-Tree 的自动化集成框架
Github开源项目ReactGraphQLmst-gqlmobx-state-tree模型驱动
mst-gql 是一个自动化 GraphQL 和 MobX-State-Tree 集成的开源框架。它生成类型安全的模型、查询和突变,简化了 GraphQL 与客户端状态管理的结合。该框架支持代码生成、优化更新和本地存储,为构建数据驱动的 React 应用提供了高效解决方案。mst-gql 让开发者能够更便捷地处理复杂的数据流,提高应用的可扩展性和可维护性。
react-social-login-buttons - React社交登录按钮组件库
Github开源项目用户界面前端开发React组件库社交登录按钮
react-social-login-buttons是一个轻量级React组件库,提供多种社交平台登录按钮。支持Facebook、Google、GitHub等常见平台,允许自定义样式和内容。该库专注于按钮的视觉呈现,不含登录逻辑,便于开发者快速集成社交登录选项,优化应用界面。
allotment - React分割面板组件,灵活且易用
Github开源项目React组件自定义样式分割面板可调整大小
Allotment是一个React分割面板组件,提供类似VS Code的分割视图功能。该组件支持动态添加和移除面板,易于集成到React应用中。用户可通过拖动调整面板大小,组件提供自定义最小/最大尺寸和快照等功能。Allotment支持水平和垂直分割,并允许通过CSS变量进行样式定制,为开发者提供灵活的布局方案。
mantine - 全面的React UI组件库和hooks集合
Github开源项目前端开发ReactUI组件库Mantine
Mantine是一个React UI组件库和hooks集合,提供100多个核心组件和50多个用于状态和UI管理的hooks。它还包括表单管理、图表、通知系统等多个扩展包,以及Spotlight命令中心、代码高亮、富文本编辑器等功能。Mantine拥有活跃的社区支持,为开发者构建现代化React应用提供全面解决方案。
wasp - 简化全栈React和Node.js应用开发的框架
Github开源项目Node.jsWaspReactPrisma全栈开发
Wasp是一个面向React、Node.js和Prisma的开发框架,通过声明式代码简化Web应用的创建和部署过程。它提供全栈认证、RPC、部署自动化等功能,减少样板代码,提升开发效率。Wasp不绑定特定供应商,支持灵活部署,适合快速构建全栈Web应用。该框架类似Rails,但专注于现代JavaScript技术栈,为开发者提供简洁高效的全栈开发体验。
mui-tiptap - 基于Material UI和Tiptap的可定制富文本编辑器
Github开源项目Reactmui-tiptapMaterial UITiptapWYSIWYG
mui-tiptap是基于Material UI和Tiptap的富文本编辑器组件,提供可定制样式和丰富功能。支持图片调整、标题锚点、字体控制等特性,具备实时协作和跨平台兼容能力。该组件可根据MUI主题自动适应颜色和暗黑模式,为开发者提供全面的富文本编辑方案,支持快速集成和深度定制。
react-select - 可自定义的React选择控件库
Github开源项目UI组件React自定义样式React Select下拉选择组件
react-select是一个广受欢迎的React选择控件库。它具有灵活的数据处理机制、可扩展的样式API和组件注入功能。该库支持选项分组、动画效果等特性,并能够处理异步选择和创建新选项等高级场景。react-select在保持易用性的同时,能够满足各种复杂需求,是构建功能强大的选择组件的理想工具。
full-stack-fastapi-template - 现代全栈开发框架 整合FastAPI React与Docker
Github开源项目PostgreSQLDocker ComposeReact全栈开发FastAPI
Full-stack-fastapi-template是一个集成FastAPI、React和Docker的全栈开发框架。它提供后端API、前端界面和数据库集成,包含用户认证、邮件恢复、测试和CI/CD等功能。该框架支持暗黑模式和自动HTTPS配置,为开发者创建高效、安全的全栈环境。
lexical - 高度可扩展的JavaScript网页文本编辑框架
Github开源项目开源框架JavaScriptReactLexical文本编辑器
Lexical是一个专注于可靠性、可访问性和性能的JavaScript网页文本编辑框架。它为开发者提供优秀的开发体验,便于创建独特的文本编辑功能。Lexical采用高度可扩展的架构,支持简单到复杂的多种编辑需求,可根据项目进行定制。这个框架适用于不同规模的文本编辑项目开发。
pro-components - 基于Ant Design的企业级React组件库
Github开源项目React企业级应用组件库ProComponentsAnt Design
ProComponents是基于Ant Design的企业级React组件库,提供丰富的高级UI组件和直观API。它包含表格、表单、图表等多种组件,支持高度定制,可显著提升企业应用开发效率。该库简化了Ant Design的使用,让开发者能快速构建功能完善的企业级应用。
react-tweet - 轻松嵌入Twitter推文的React组件库
Github开源项目前端开发ReactWeb应用嵌入推文
react-tweet是一个React组件库,用于在Next.js、Create React App和Vite等React应用中嵌入Twitter推文。它提供API和定制选项,便于开发者集成Twitter内容。适用于社交媒体聚合器和新闻应用等项目。react-tweet提供详细文档,并支持社区贡献。
gemini-chatbot - 基于Next.js 14的开源AI聊天机器人应用模板
Github开源项目Next.jsVercel AI SDKReactAI聊天机器人Google Gemini
该开源项目是一个基于Next.js 14构建的AI聊天机器人应用模板,集成了Vercel AI SDK和Google Gemini。它支持React Server Components、流式聊天UI和多种AI模型提供商。项目特点包括使用shadcn/ui组件库、Tailwind CSS样式设计、聊天历史记录和会话存储功能。这是一个适合开发者快速构建和定制AI聊天应用的解决方案。
admin-one-react-tailwind - React Tailwind后台模板 支持暗黑模式和响应式布局
Github开源项目TypeScriptReactTailwind CSS仪表盘Admin One
Admin One后台模板基于React、Next.js和Tailwind CSS 3开发。特点包括暗黑模式、响应式设计和组件复用。使用TypeScript构建,整合React Redux,CSS体积仅38KB左右。提供免费开源版和功能增强的付费版。
react-image-crop - React轻量级图片裁剪组件 功能全面且易于集成
Github开源项目前端开发React开源库响应式图像裁剪
react-image-crop是一个专为React设计的图片裁剪组件。它支持响应式布局、触控操作、自由或固定比例裁剪以及键盘无障碍访问。该组件无外部依赖,体积小巧(gzip后小于5KB),可设置裁剪尺寸限制,且不局限于图片裁剪。适用于现代浏览器,为开发者提供了简洁灵活的图片处理方案。
react-error-boundary - React错误边界组件,简化应用错误处理流程
Github开源项目React组件异常处理错误边界钩子函数
react-error-boundary是一个功能全面的React错误处理库,适用于各种React环境。它包含ErrorBoundary组件、useErrorBoundary钩子和withErrorBoundary高阶组件,让开发者能够有效捕获和管理应用中的错误。该库支持自定义错误UI、日志记录和错误恢复,增强了React应用的健壮性和可维护性。
Flowise - 使用拖放界面轻松创建定制的LLM应用程序,支持多种部署方式
Github开源项目LLMDockerReactNodeJSFlowise
Flowise让您通过拖放界面轻松创建自定义LLM应用程序。提供详细的快速安装指南,支持NodeJS和Docker部署。模块化架构对开发者友好,并支持自托管,适用于AWS、Azure、Digital Ocean等主流云平台,确保应用灵活且易扩展。