mantine

Mantine 是一个功能齐全的 React 组件库，为现代 Web 应用提供了一套全面的构建模块。它包含一个拥有 100 多个组件的核心组件库、一个包含 80 多个用于状态和 UI 管理的钩子集合，以及一系列针对特定用例的附加包。 ## 主要特性 - **核心组件**：超过 100 个可自定义组件，涵盖按钮、输入框、模态框、导航等常见 UI 需求。 - **钩子**：包含 80 多个钩子的集合，用于管理状态、UI 交互和其他常见模式。 - **表单**：一个专用的表单管理库，具有验证和状态处理功能。 - **图表**：基于 Recharts 的图表组件，用于数据可视化。 - **通知**：一个功能齐全的通知系统，用于用户反馈。 - **Spotlight**：一个 `Ctrl + K` 命令中心，用于快速导航和操作。 - **代码高亮**：使用 highlight.js 构建的语法高亮。 - **富文本编辑器**：一个基于 Tiptap 的富文本内容编辑器。 - **文件拖放区**：拖放式文件上传组件。 - **轮播**：一个以滑动形式展示内容的轮播组件。 - **导航进度**：用于页面导航的进度条。 - **模态框**：一个集中式模态框管理器，用于一致的对话框处理。 - **日程**：一个用于在日程视图中显示事件的组件。 ## 社区与支持 Mantine 拥有一个友好的社区。用户可以通过 Discord 社区获取帮助，问题通常会在约 30 分钟内得到解答，也可以通过 GitHub Discussions 提出更广泛的问题和反馈。 ## 开发与贡献 Mantine 是一个 MIT 许可的开源项目。其开发由支持者通过 OpenCollective 提供支持。欢迎贡献，项目提供了贡献指南。 ## 包 该库组织为多个 npm 包，允许开发者只包含他们需要的内容： - `@mantine/hooks` – 用于状态和 UI 管理的钩子 - `@mantine/core` – 核心组件库 - `@mantine/form` – 表单管理 - `@mantine/charts` – 图表库 - `@mantine/notifications` – 通知系统 - `@mantine/spotlight` – 命令中心 - `@mantine/code-highlight` – 代码高亮 - `@mantine/tiptap` – 富文本编辑器 - `@mantine/dropzone` – 文件拖放区 - `@mantine/carousel` – 轮播组件 - `@mantine/nprogress` – 导航进度 - `@mantine/modals` – 模态框管理器 - `@mantine/schedule` – 日程组件 ## 许可证 Mantine 在 MIT 许可证下发布。