一个 React Hooks 表单库，用于管理表单状态与校验，支持 Web 和 React Native。
4.5万2501TypeScriptMIT更新于 昨天
mantinedev/mantine
一个包含 100 多个组件、80 多个 Hooks 以及表单、图表、通知等扩展包的 React 组件库。
- Star
- 31,852
- Fork
- 2,400
- 未关闭 Issue
- 32
- 最近提交
- 8小时前
这是什么？
Mantine 是一个用 TypeScript 编写的 React 组件库。核心包 @mantine/core 提供 100 多个 UI 组件，@mantine/hooks 提供 80 多个用于状态和界面管理的 Hooks，并内置深色模式与主题支持。
在核心之外，Mantine 还提供独立的扩展包，覆盖常见应用需求：表单管理（@mantine/form）、基于 Recharts 的图表、通知系统、Ctrl+K 命令面板、基于 highlight.js 的代码高亮、基于 Tiptap 的富文本编辑器、拖拽文件上传区、轮播、统一的弹窗管理以及日程事件组件。
各个包可以单独安装，项目只需引入所需部分。
核心功能
- 01@mantine/core 提供 100 多个 React 组件
- 02提供 80 多个用于状态和界面管理的 Hooks
- 03内置深色模式与主题定制
- 04表单、图表、通知、富文本编辑器等以独立包提供
- 05使用 TypeScript 编写
适用场景
- 用现成的 UI 套件搭建管理后台或内部工具
- 为 React 应用添加带校验的表单
- 在 Web 应用中以统一风格展示图表和通知
- 为 React 应用添加 Ctrl+K 命令面板式导航
快速上手
- 1
从 npm 安装核心组件库
npm install @mantine/core @mantine/hooks - 2
阅读文档以搭建第一个应用
标签
常见问题
- mantine 是什么？
- 一个包含 100 多个组件、80 多个 Hooks 以及表单、图表、通知等扩展包的 React 组件库。 Mantine 是一个用 TypeScript 编写的 React 组件库。核心包 @mantine/core 提供 100 多个 UI 组件，@mantine/hooks 提供 80 多个用于状态和界面管理的 Hooks，并内置深色模式与主题支持。
- mantine 可以免费使用吗？用的什么许可证？
- mantine 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- mantine 还在维护吗？
- 活跃维护中。mantine 最近一次提交是在 2026年10月21日。
- mantine 适合用来做什么？
- 用现成的 UI 套件搭建管理后台或内部工具 为 React 应用添加带校验的表单 在 Web 应用中以统一风格展示图表和通知 为 React 应用添加 Ctrl+K 命令面板式导航
- mantine 怎么安装和运行？
- 从 npm 安装核心组件库: npm install @mantine/core @mantine/hooks 阅读文档以搭建第一个应用
- 在哪里获取 mantine？
- 源代码和安装说明在 GitHub 上：https://github.com/mantinedev/mantine
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
面向 React 的无障碍组件库与设计系统，用于快速构建 Web 应用，支持深色模式和 Next.js RSC。
4.1万3652TypeScriptMIT更新于 4天前
面向 React 与 Next.js 的开源动效组件库，提供 215 个以上可定制的动画组件与背景。
5万2464JavaScriptOther更新于 3天前
一个基于 React 和 Tailwind CSS 的动效组件库，可直接复制到 Next.js 或 shadcn/ui 项目中使用。
2.3万1195MDXMIT更新于 5天前
一套开源的无样式、注重无障碍的 React UI 基础组件，用于构建设计系统和 Web 应用。
1.9万1277TypeScriptMIT更新于 7天前
一个现代、轻量的网页拖放工具包，核心与框架无关，并提供 React、Vue、Svelte、SolidJS 适配层。
1.8万927TypeScriptMIT更新于 7天前