Что это такое?
Mantine — это полноценная библиотека React-компонентов: только в @mantine/core больше 100 компонентов, а дополнительные пакеты закрывают формы, графики, уведомления, редакторы и многое другое.
Mantine — это полноценная библиотека React-компонентов: только в @mantine/core больше 100 компонентов, а дополнительные пакеты закрывают формы, графики, уведомления, редакторы и многое другое.Это одна библиотека или набор пакетов, из которых можно выбирать?Это семейство scoped-пакетов в npm. @mantine/core — ядро со 100+ компонентов, @mantine/hooks добавляет 80+ хуков; всё остальное — формы, графики, уведомления, редактор — отдельные пакеты, которые подключаются по желанию.
Это семейство scoped-пакетов в npm. @mantine/core — ядро со 100+ компонентов, @mantine/hooks добавляет 80+ хуков; всё остальное — формы, графики, уведомления, редактор — отдельные пакеты, которые подключаются по желанию.Как добавить её в свой проект?Установите нужные пакеты через npm в существующее React-приложение — как правило, это npm install @mantine/core @mantine/hooks — и следуйте инструкции по настройке в документации.
Установите нужные пакеты через npm в существующее React-приложение — как правило, это npm install @mantine/core @mantine/hooks — и следуйте инструкции по настройке в документации.Она тянет много дополнительных зависимостей в моё приложение?От приложения требуется лишь одно — чтобы это был веб-проект на React. Внутри библиотека опирается на Emotion для стилей и floating-ui для позиционирования, и npm подтянет их автоматически.
От приложения требуется лишь одно — чтобы это был веб-проект на React. Внутри библиотека опирается на Emotion для стилей и floating-ui для позиционирования, и npm подтянет их автоматически.Подойдёт ли она для React Native или десктопных приложений, или это только веб?Она рассчитана на веб-приложения на React — пакеты, компоненты и документация полностью ориентированы на веб, мобильных или десктопных вариантов нет.
Она рассчитана на веб-приложения на React — пакеты, компоненты и документация полностью ориентированы на веб, мобильных или десктопных вариантов нет.Можно ли пользоваться бесплатно, в том числе в коммерческих целях?Да. Mantine — open source под лицензией MIT, бесплатна для любого использования; развитие проекта финансируется спонсорами на OpenCollective, а не платными тарифами.
Да. Mantine — open source под лицензией MIT, бесплатна для любого использования; развитие проекта финансируется спонсорами на OpenCollective, а не платными тарифами.Есть ли поддержка тёмной темы?Да — тёмный режим и тёмная тема указаны среди официальных тем проекта, то есть темизация считается частью самой библиотеки, а не дополнительной опцией.
Да — тёмный режим и тёмная тема указаны среди официальных тем проекта, то есть темизация считается частью самой библиотеки, а не дополнительной опцией.Какие дополнительные пакеты есть помимо основных компонентов?Библиотека для управления формами, графики на основе recharts, система уведомлений, командный центр по Ctrl + K (@mantine/spotlight), богатый текстовый редактор на Tiptap, загрузка файлов через drag 'n' drop, карусель, централизованный менеджер модальных окон, индикатор прогресса навигации и компонент расписания.
Библиотека для управления формами, графики на основе recharts, система уведомлений, командный центр по Ctrl + K (@mantine/spotlight), богатый текстовый редактор на Tiptap, загрузка файлов через drag 'n' drop, карусель, централизованный менеджер модальных окон, индикатор прогресса навигации и компонент расписания.Можно ли использовать хуки без подключения компонентов?Да — @mantine/hooks это самостоятельный пакет, так что проект может взять только хуки для управления состоянием и UI, не подключая библиотеку компонентов.
Да — @mantine/hooks это самостоятельный пакет, так что проект может взять только хуки для управления состоянием и UI, не подключая библиотеку компонентов.What are similar projects?chakra-ui, arc-library, styled-components, astryx, tabler, tamagui, semi-design, BlockNote
chakra-ui, arc-library, styled-components, astryx, tabler, tamagui, semi-design, BlockNoteWhich topics is it in?command-palette, dark-theme, css-in-js, uikit, rich-text-editor, drag-and-drop, syntax-highlighting, hooks, dark-mode, charts, notifications, design-system
command-palette, dark-theme, css-in-js, uikit, rich-text-editor, drag-and-drop, syntax-highlighting, hooks, dark-mode, charts, notifications, design-system