#React组件

Quest 简化了从Figma设计到React代码的转换过程，支持 MUI 和 Chakra UI，实现代码直接导出至仓库，提高开发协作效率。自动生成动画及响应式组件，满足开发团队和初创企业的需求。

Lobe TTS提供全面的文本转语音解决方案，支持多种语音选择并可实现极具逼真度的音频输出。适用于服务器与浏览器端，助力开发者轻松集成先进的语音交互功能到任何应用，包括开箱即用的React组件以简化前端集成。

React Suite 提供全面的组件库，支持主流浏览器和服务器端渲染，兼容 Next.js 等框架。该库注重易用性、可定制性和性能，适合构建各类现代 Web 应用。它具备丰富的组件选择，能够满足不同开发需求，是 React 应用开发的有力工具。

Storybook Genie 是一款命令行工具，可将包含 React 组件的文件转换为 Storybook 故事，用户可以选择 GPT 模型、设置自定义模板和更改默认路径。通过简单的配置和安装，只需在终端中运行命令，即可快速生成 '.story.js' 文件。工具依赖少，易于使用和集成。

Chat UI Kit React是一个开源UI工具包，专为Web聊天应用开发而设计。该库提供多种React组件，包括MainContainer、ChatContainer和MessageList等，简化了滚动条、可编辑内容和响应式布局等常见聊天UI难题。支持TypeScript，配有完善的文档和示例，并拥有活跃的社区。这个库为开发者提供了构建现代化、高效聊天界面的有力工具。

kepler.gl是一个开源的Web地理数据可视化平台，能够高效处理和展示大规模位置数据。该平台基于MapLibre GL和deck.gl开发，支持实时渲染数百万数据点和进行空间聚合分析。作为React组件，kepler.gl采用Redux管理状态，易于集成到现有React应用中。平台提供多样化的地图样式和界面主题定制功能，适用于地理数据探索和分析场景。其灵活的架构设计使开发者能够根据需求进行功能扩展。

Base Web 是 Base 设计系统的 React 实现，提供现代化且响应式的 UI 组件。该库支持 TypeScript，包含丰富的组件和详细文档，有助于开发者快速构建统一的界面。尽管当前维护有限，Base Web 仍是一个功能强大的 React UI 开发工具。

OnchainKit是一个面向链上应用开发的开源库，提供React组件和TypeScript工具。主要功能包括身份展示、Frame元数据处理、钱包连接等组件，以及配置、身份查询、代币操作等实用函数。该项目还开源了Figma设计文件，便于快速构建界面。OnchainKit由经验丰富的开发者维护，拥有活跃的社区。

MUI X是一套先进的React UI组件库，专为复杂应用场景设计。它包含数据网格、日期时间选择器、图表和树形视图等组件，可与Material UI无缝集成或扩展现有设计系统。MUI X提供先进功能和复杂UX工作流，适用于数据密集型应用。该项目采用开放核心模式，基础组件使用MIT许可，高级功能需要商业许可。MUI X致力于为开发者提供强大工具，以应对各种复杂的前端开发挑战。

asyncapi-react 是一个用于渲染 AsyncAPI 规范文档的 React 组件。该组件支持自定义样式、配置和 logo,可集成到 React、Angular、Vue 等项目中。它提供 ESM、CJS 和 UMD 多种模块格式,适用于不同开发环境。组件附带在线 Playground 供测试和体验。作为开源项目,欢迎社区贡献。

Plasmic是一款开源的可视化Web构建工具,支持拖放自定义React组件并与现有代码库集成。它提供内容管理、应用开发和网站构建功能,突破了传统低代码工具的限制。Plasmic具有全面的设计自由度、丰富的交互功能和强大的抽象能力,为开发者和非开发者提供了灵活可扩展的Web开发解决方案。

Tremor是一个基于Tailwind CSS的开源React组件库，提供20多个用于数据可视化的组件。这个库由注重设计的数据科学家和软件工程师开发，旨在简化图表和仪表盘的创建过程。Tremor提供详细文档和示例，支持快速集成和定制。作为一个活跃的开源项目，Tremor欢迎社区贡献，不断改进其功能和性能。

Filerobot Image Editor是一款功能丰富的在线图像处理工具,可轻松集成至网页应用。支持调整大小、裁剪、翻转等基础功能,还提供注释、水印等高级特性。界面触控友好,具备历史管理、实时对比等实用功能,能够满足多样化的图像编辑需求。

react-image是React.js的图片加载组件和钩子，支持多源回退和自定义加载元素。它封装了图片加载逻辑，支持React Suspense，无外部依赖。该组件提供灵活API，适用于各种图片加载需求，包括单独组件和useImage钩子两种使用方式。

react-pdf-highlighter是一个基于PDF.js的React组件库，用于实现PDF文档的注释和高亮功能。它支持文本和图像高亮、高亮文本弹出框以及滚动至高亮位置。该库提供API接口，便于开发者将PDF注释功能集成到React应用中，适用于文档阅读、学习和协作等场景。

jsx-email是一个基于React的电子邮件模板构建库，提供组件和工具来创建响应式模板。它解决了跨客户端兼容性问题，支持现代邮件服务，并具备客户端兼容性检查、Tailwind集成、异步组件等特性。该库简化了电子邮件开发流程，使开发者能专注于设计富有吸引力的模板。

assistant-ui是一个集成多种AI模型的React聊天组件库。它支持OpenAI、Anthropic、Mistral等提供商，并允许自定义API集成。该项目提供快速启动模板，简化AI聊天应用的开发过程。assistant-ui为开发者提供了灵活的AI聊天界面构建工具，集成了Langchain和Vercel AI SDK等技术。

styled2tailwind是一个开源的代码转换工具，用于将Styled-Components转换为TailwindCSS。该工具支持Next.js的App Directory路由，适配服务器组件，通过四步转换机制实现代码迁移。尽管处于早期阶段，styled2tailwind能够帮助开发者简化从Styled-Components到TailwindCSS的迁移过程，提高开发效率。

React Live是一个开源的React组件实时编辑和预览工具。它提供可编辑源代码和实时预览功能，便于开发者快速调试和测试组件。该库采用模块化结构，支持自由设计和组合组件。React Live兼容多种模块格式，体积小巧，适用于React开发环境。

notistack是一个React通知管理库，提供简单API来显示、堆叠和排队通知。它支持自定义样式和平滑过渡，适用于各种通知类型。这个库简化了通知系统的开发过程，有助于提高应用的用户体验。notistack不依赖Material-UI，可以独立使用，为开发者提供了更大的灵活性。

DevExtreme Reactive提供React数据表格、图表和日程安排组件。采用插件架构，支持Bootstrap和Material-UI主题。纯React实现，无需jQuery。支持受控和非受控模式，可与Redux集成。组件功能丰富，支持灵活定制。

React-PDF是一个用于在React应用中显示PDF文件的开源组件库。它支持通过URL、base64内容和Uint8Array等方式加载PDF，并提供Document和Page组件来渲染文档和页面。该库支持注释和文本层功能，兼容现代浏览器，并可配置以支持非拉丁字符和标准字体。React-PDF为开发者提供了一个简单而灵活的解决方案，用于在React项目中实现PDF查看功能。

semantic-autocomplete扩展了MUI的自动完成功能，在客户端实现语义相似度搜索。这个React组件使用小型量化机器学习模型，支持自定义阈值、结果回调和模型选择。它可以轻松集成到现有项目中，适用于网页段落语义排序等场景，为开发者提供灵活的搜索解决方案。

react-pro-sidebar为React应用提供了一套侧边导航解决方案。核心组件包括Sidebar、Menu、MenuItem和SubMenu，具备折叠、响应式和RTL等特性。该库与React Router兼容，支持样式自定义，API设计简洁。开发者可以轻松集成并快速构建出适合各类项目需求的侧边导航。

ProChat是一个基于React和Ant Design的AI聊天界面组件库。它提供自动聊天缓存、流畅对话、消息编辑和Markdown渲染等功能，简化了丰富动态聊天界面的开发过程。该开源项目支持现代浏览器，旨在完善企业级UI组件生态系统。

plyr-react是一个React响应式媒体播放器组件，支持多种媒体格式。它提供简单API和自定义样式，无副作用且可摇树优化。通过<Plyr />组件和usePlyr钩子，开发者可灵活集成，实现高质量媒体播放功能。该组件适用于需要在React应用中集成视频、音频、YouTube或Vimeo播放器的项目。

react-html5video是React生态系统中的HTML5视频播放器高阶组件。它允许开发者自定义视频控件,支持国际化和无障碍功能,同时保留HTML5视频原生特性。该组件提供默认播放器和高级API,满足不同复杂度的开发需求,方便实现个性化视频播放界面。

CMS Design System 是基于 U.S. Web Design System 的开源设计框架，专为创建符合 Section 508 无障碍标准的政府网站而设计。它提供了扩展的 CSS 和 React 组件、实用类和网格系统，便于快速开发可访问且响应式的网站。该系统包含多个 NPM 包，涵盖核心组件、healthcare.gov 和 medicare.gov 的专用设计系统及相关文档。

Reactstrap是专为Bootstrap 5设计的React组件库，提供无状态组件实现。该库不依赖jQuery或Bootstrap JavaScript，而通过react-popper实现高级定位。Reactstrap注重组合和控制，支持通过props.children传递内容，并使用属性控制状态、应用修饰符类和启用高级功能。它简化了React应用中Bootstrap的使用，便于创建响应式界面。Reactstrap为开发者提供了丰富的预制组件，包括按钮、表单、导航栏等，这些组件可以快速集成到React项目中。它支持自定义主题，并且与最新版本的Bootstrap保持同步，确保用户能够利用Bootstrap的最新特性。

react-mosaic是一个React平铺窗口管理组件,用于灵活布局和管理复杂的用户界面。它支持窗格大小调整、拖放重排,并提供可自定义的工具栏。采用TypeScript开发,也兼容JavaScript。组件支持受控和非受控两种使用模式,适用于各类应用需求。react-mosaic通过简洁的API,实现了对工作空间的高度可配置化管理。

kbar是一个React命令面板组件,可为网站快速添加类似Spotlight的搜索界面。它支持动画、自定义组件、键盘导航、快捷键和嵌套操作,性能优化良好。开发者可轻松集成kbar,增强网站的交互性和可用性。

glide-data-grid是一个基于Canvas的React数据网格组件，支持百万级数据行和实时更新。该组件提供原生滚动、多种单元格类型、内置编辑、可调整列宽等功能，适用于大规模数据展示和处理。作为开源项目，它具有高性能和灵活的定制特性，可满足复杂的数据网格需求。

BlockNote是基于块的开源React富文本编辑器，提供现代化文本编辑体验。具备动画效果、智能占位符、块拖放、嵌套缩进、斜杠菜单和格式菜单等功能。易于集成且支持实时协作。基于Prosemirror和Tiptap构建，采用MPL 2.0许可证，可用于商业应用。

react-tooltip是一个用于React应用的工具提示库。它提供自定义样式、动画效果和多种定位选项，方便为React元素添加交互提示。该库使用TypeScript开发，性能优良，体积小巧。最新版本简化了使用流程，无需额外导入CSS文件。react-tooltip支持悬停、点击等触发方式，可自定义工具提示的外观和行为。它与React 16+兼容，支持服务器端渲染，并提供了丰富的API和事件钩子。适用于构建信息丰富的React用户界面。

Grommet 是一个开源的 React UI 组件库和设计系统，专注于提供核心用户体验。它具有丰富的组件、响应式设计和主题定制功能，适用于构建现代化 Web 应用。该项目提供详细文档、社区支持和多种示例，便于开发者快速集成和使用。