Repolode
Предложить
mantinedev

mantinedev/mantine

Библиотека компонентов React: более 100 компонентов, свыше 80 хуков и дополнительные пакеты для форм, графиков, уведомлений и многого другого.

Открыть на GitHubСайт
Звёзды
31,852
Форки
2,400
Открытые issues
32
Последний коммит
8 часов назад

Что это?

Mantine — библиотека компонентов React, написанная на TypeScript. В основном пакете @mantine/core есть более 100 UI-компонентов, а @mantine/hooks предлагает свыше 80 хуков для управления состоянием и UI. Поддержка тёмной темы и настройки оформления встроена.

Помимо основных пакетов, Mantine предлагает отдельные пакеты для типичных задач приложений: управление формами (@mantine/form), графики на основе Recharts, система уведомлений, командный центр по Ctrl+K (spotlight), подсветка кода с помощью highlight.js, редактор форматированного текста на основе Tiptap, зоны для перетаскивания файлов, карусель, менеджер модальных окон и компонент расписания событий.

Каждый пакет устанавливается отдельно, поэтому проекты могут подключать только нужные компоненты. Проект распространяется по лицензии MIT, а документация доступна на официальном сайте.

Ключевые возможности

  • 01Более 100 компонентов React в @mantine/core
  • 02Свыше 80 хуков для управления состоянием и UI
  • 03Встроенные тёмная тема и настройка оформления
  • 04Отдельные пакеты для форм, графиков, уведомлений и редактора форматированного текста
  • 05Написана на TypeScript

Сценарии использования

  • Создание панелей администратора или внутренних инструментов на основе готового UI-набора
  • Добавление валидации форм в приложение React
  • Отображение графиков и уведомлений в веб-приложении с единообразным оформлением
  • Создание командной палитры по Ctrl+K для навигации в приложении React

Быстрый старт

  1. 1

    Установите основную библиотеку компонентов из npm

    npm install @mantine/core @mantine/hooks
  2. 2

    Прочитайте документацию, чтобы настроить своё первое приложение

Темы

#react#typescript#ui-components#hooks#dark-mode#forms#charts#dark-theme#uikit

Частые вопросы

Что такое mantine?
Библиотека компонентов React: более 100 компонентов, свыше 80 хуков и дополнительные пакеты для форм, графиков, уведомлений и многого другого. Mantine — библиотека компонентов React, написанная на TypeScript. В основном пакете @mantine/core есть более 100 UI-компонентов, а @mantine/hooks предлагает свыше 80 хуков для управления состоянием и UI. Поддержка тёмной темы и настройки оформления встроена.
mantine можно использовать бесплатно? Какая у него лицензия?
mantine распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
mantine всё ещё поддерживается?
Активно поддерживается. Последний коммит в mantine — 21 окт. 2026 г..
Для чего можно использовать mantine?
Создание панелей администратора или внутренних инструментов на основе готового UI-набора Добавление валидации форм в приложение React Отображение графиков и уведомлений в веб-приложении с единообразным оформлением Создание командной палитры по Ctrl+K для навигации в приложении React
Как установить mantine?
Установите основную библиотеку компонентов из npm: npm install @mantine/core @mantine/hooks Прочитайте документацию, чтобы настроить своё первое приложение
Где скачать mantine?
Исходный код и инструкции по установке — на GitHub: https://github.com/mantinedev/mantine

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты