Repolode
mantinedev

mantinedev/mantine

100以上のコンポーネント、80以上のフックを備え、フォーム、チャート、通知などの追加パッケージも提供するReactコンポーネントライブラリ。

スター
31,852
フォーク
2,400
未解決の Issue
32
最終コミット
8 時間前

これは何?

MantineはTypeScriptで書かれたReactコンポーネントライブラリです。コアパッケージの@mantine/coreには100以上のUIコンポーネントが含まれ、@mantine/hooksでは状態管理やUI管理に使える80以上のフックを提供しています。ダークモードとテーマ機能も組み込まれています。

コア機能に加え、Mantineはアプリケーションでよく必要となる機能を個別のパッケージとして提供しています。フォーム管理(@mantine/form)、Rechartsをベースにしたチャート、通知システム、Ctrl+Kで開くコマンドセンター(spotlight)、highlight.jsによるコードのハイライト、Tiptapベースのリッチテキストエディター、ドラッグ&ドロップ対応のファイルドロップゾーン、カルーセル、モーダルマネージャー、イベント用のスケジュールコンポーネントがあります。

各パッケージは個別にインストールできるため、必要な機能だけをプロジェクトに取り入れられます。ライセンスはMITで、公式サイトにドキュメントが掲載されています。

主な機能

  • 01@mantine/coreで100以上のReactコンポーネントを提供
  • 02状態管理やUI管理に使える80以上のフック
  • 03ダークモードとテーマ機能を標準搭載
  • 04フォーム、チャート、通知、リッチテキストエディターなどの個別パッケージを提供
  • 05TypeScriptで実装

ユースケース

  • 既製のUIキットを使って管理ダッシュボードや社内ツールを構築する
  • Reactアプリケーションにバリデーション付きフォームを追加する
  • Webアプリに一貫したスタイルのチャートや通知を表示する
  • Reactアプリのナビゲーション用にCtrl+Kのコマンドパレットを作成する

クイックスタート

  1. 1

    npmからコアコンポーネントライブラリをインストールする

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

    ドキュメントを読んで最初のアプリをセットアップする

トピック

よくある質問

mantine とは?
100以上のコンポーネント、80以上のフックを備え、フォーム、チャート、通知などの追加パッケージも提供するReactコンポーネントライブラリ。 MantineはTypeScriptで書かれたReactコンポーネントライブラリです。コアパッケージの@mantine/coreには100以上のUIコンポーネントが含まれ、@mantine/hooksでは状態管理やUI管理に使える80以上のフックを提供しています。ダークモードとテーマ機能も組み込まれています。
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

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト