这是什么?
Mantine 是一个功能齐全的 React 组件库:仅 @mantine/core 一个包就提供了 100 多个组件,配套的包还涵盖表单、图表、通知、编辑器等更多功能。
它是一个单独的库,还是一套可以按需挑选的包?
它是一组带 @mantine 命名空间的 npm 包。@mantine/core 是包含 100 多个组件的核心包,@mantine/hooks 提供了 80 多个 hooks;其余的——表单、图表、通知、编辑器——都是各自独立的可选包。
怎么把它加到我的项目里?
用 npm 把需要的包装到现有的 React 应用里——通常是 npm install @mantine/core @mantine/hooks——然后按照文档里的安装指南操作即可。
它会给我的应用引入很多额外的依赖吗?
你的应用只要是一个 React 网页项目就行。底层上,这个库基于 Emotion 处理样式、基于 floating-ui 处理定位,npm 会自动解析这些依赖。
它能用于 React Native 或桌面应用吗,还是只支持网页?
它面向 React 网页应用——这些包、组件和文档全都是面向网页的,没有提供移动端或桌面端版本。
可以免费使用吗,包括商业用途?
可以。Mantine 是采用 MIT 许可证的开源项目,任何用途都免费;它的持续开发靠 OpenCollective 上的赞助者支持,而不是付费套餐。
支持深色模式吗?
支持——深色模式和深色主题支持列在项目的官方主题标签里,所以主题化被当作这个库的核心部分,而不是附加功能。
除了核心组件,还有哪些附加包?
有表单管理库、基于 recharts 的图表、通知系统、Ctrl + K 命令中心(@mantine/spotlight)、基于 Tiptap 的富文本编辑器、拖拽上传文件、轮播组件、集中管理的弹窗管理器、页面加载进度条和日程组件。
我可以只用 hooks 而不用组件库吗?
可以——@mantine/hooks 是一个独立的包,项目可以只拿它来做状态和 UI 管理,不必引入组件库。
What are similar projects?
chakra-ui, arc-library, styled-components, astryx, tabler, tamagui, semi-design, BlockNote
Which topics is it in?
command-palette, dark-theme, css-in-js, uikit, rich-text-editor, drag-and-drop, syntax-highlighting, hooks, dark-mode, charts, design-system, notifications